我们将使用来自Ng2-Redux的 选择模式(https://github.com/angular-redux/ng2-redux#the-select-pattern)将我们的组件绑定到store。为了演示它是如何工作的，让我们来看看一个带有计数器组件的小例子。

为了跟踪任务，我们必须重新审视 setTimeout() 如何被猴子修补以修改跟踪 Zone 的方式。

拦截 zone 事件是棘手的，因为 zone 是在运行时生成的，并且标准方法（如子类化和猴子补丁）只有在设计时已知父 zone时才起作用。 为了更好地演示这个问题，我们假设想在run()方法的前后进行拦截，这样我们可以测量执行时间和在控制台记录 zone。

一个现代的JavaScript Web应用程序包括很多不同的包和依赖关系，重要的是要有一些简单的方式解释这一切。

Angular 2采用将应用程序分为许多不同组件的方法，每个组件可以有多个文件。以这种方式分离应用程序逻辑对程序员是有好处的，但是会减损用户体验，因为这样做会增加页面加载时间。 HTTP2旨在以一种方式解决这个问题，但是直到更多的知道它的效果，我们将需要捆绑我们的应用程序的不同部分，并压缩它。
我们的平台，浏览器，必须继续提供所有现有代码的向后兼容性，并且这需要慢慢移动添加到HTML / CSS / JS的基本功能。社区创建了不同的工具，将其首选语法/功能集转换为浏览器支持的语法/功能集，以避免将其自身绑定到Web平台的约束。这在Angular 2应用程序中尤其明显，其中使用了大量的TypeScript。虽然我们不在我们的课程中这样做，但是项目也可能涉及到必须集成的CSS预处理器（sass，stylus）或模板引擎（jade, Mustache, EJS）。
Webpack通过提供一个通用接口来集成所有这些工具，并允许我们简化我们的工作流和避免复杂性解决这些问题。

在大多数Angular 1.x应用程序可以升级到Angular 2之前，有准备工作要做。 对于使用Angular 1.3之前的风格的Angular应用程序尤其如此。