Resilient Apps with Angular 2

• 语言: 英语
• 格式: .pdf
• 来源: github.com/telerik-boneyard

摘要

文档主要讨论了如何使用Angular 2构建 resilient 应用，重点介绍了处理离线状态的方法，包括检测设备和网络能力，以及使用ServiceWorker API。文档还提到了Angular 2的技术栈，包括TypeScript、RxJS、JSPM或Webpack，以及测试工具如Karma、Jasmine或Mocha。此外，文档还简要介绍了Redux在Angular 2中的应用，强调了状态管理的重要性。

AI总结

《Resilient Apps with Angular 2》主要介绍了如何使用Angular 2构建 resilient（弹性）应用，重点围绕离线状态处理、技术实现和工具栈展开。

### 核心观点
1. **离线状态处理**
- 将离线视为默认状态，确保所有请求都有备用方案。
- 利用设备和网络能力的API，根据实际条件调整应用逻辑。

2. **技术实现**
- **Redux**：用于管理应用状态，通过定义动作和reducers实现可预测的状态变化。
- **RxJS**：一个响应式库，用于处理异步数据流，通过Observables和Operators实现可组合的异步操作。
- **ServiceWorker API**：用于提升应用的离线能力和性能。

3. **工具栈**
- **前端技术**：TypeScript、RxJS、JSPM或Webpack。
- **构建工具**：NG2 CLI（Angular CLI）、NPM、Grunt、Gulp。
- **测试框架**：Karma搭配Jasmine或Mocha，结合Chai进行测试。

### 资源
- **学习资源**：
- Jasmine vs Mocha对比：[链接](https://www.codementor.io/javascript/tutorial/javascript-testing-framework-comparison-jasmine-vs-mocha)
- Angular CLI：[GitHub](https://github.com/angular/angular-cli)
- 为什么选择NPM：[文章](https://medium.freecodecamp.com/why-i-left-gulp-and-grunt-for-npm-scripts-3d6853dd22b8#.p9a02z5lf)
- Angular与Mocha兼容性：[GitHub](https://github.com/angular/angular/issues/11230)
- Angular 2 API文档：[链接](https://angular.io/docs/ts/latest/api/)
- Angular Universal：[GitHub](https://github.com/angular/universal)
- 离线优先实践：[文章](https://jakearchibald.com)

- **演示案例**：
- [Resilient Spotify Demo](https://github.com/GiorgioNatili/resilient-spotify)

### 总结
《Resilient Apps with Angular 2》强调了在离线优先的架构下，通过合理利用Redux、RxJS和ServiceWorker等技术，结合Angular 2的生态系统，构建高效、可维护的应用。文档还提供了丰富的资源和工具链，帮助开发者快速上手和深入实践。