Resilient Apps with Angular 2

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

摘要

文档介绍了如何通过Angular 2构建弹性应用，重点包括处理离线状态的策略、ServiceWorker API的应用、以及Redux和RxJS在状态管理中的使用。作者还演示了如何使用GitHub上的实际项目，并提到了相关资源如Jasmine和Mocha测试框架、NG2 CLI工具等。文档最后简要介绍了作者的背景，包括其在McGraw-Hill Education的职位和对开源社区的贡献。

AI总结

《Resilient Apps with Angular 2》主要探讨了如何使用Angular 2构建强健的应用，重点关注离线支持、状态管理和异步数据处理等核心内容。以下是文档的简要总结：

---

### **处理离线状态**
1. 将离线状态视为常态，确保应用在网络不可用的情况下仍能正常运行。
2. 所有网络请求必须有备用方案，以应对可能的网络中断。
3. 利用设备和网络能力检测API（如Service Worker API），根据设备和网络条件调整应用逻辑。
4. **相关资源**：
- [All about offline first](https://jakearchibald.com)
- ServiceWorker API类型安装：`npm install --save @types/service_worker_api`

---

### **Angular 2与Redux**
1. **Redux**：
- Redux是一个可预测的状态容器，通过动作（Actions）和减少器（Reducers）管理应用状态。
- 动作指定状态更改，减少器根据动作更新整个应用状态。
- Angular团队推荐使用Redux（微软和谷歌合作）。
2. **RxJS**：
- RxJS是一个响应式流库，允许处理异步数据流。
- 通过 Observables 和操作符，开发者可以订阅数据流并对更改作出反应。

---

### **Angular 2的核心功能**
1. **HTTP库**：
- Angular自带HTTP库，用于调用外部API。
2. **异步代码处理**：
- 回调（Callbacks）、Promise 和 Observables 是处理异步代码的三种主要方式。

---

### **资源与工具**
1. **测试框架对比**：Jasmine 和 Mocha。
- [Differences between Jasmine and Mocha](https://www.codementor.io/javascript/tutorial/javascript-testing-framework-comparison-jasmine-vs-mocha)
2. **开发工具**：
- NG2 CLI：[https://github.com/angular/angular-cli](https://github.com/angular/angular-cli)
- 为何选择NPM脚本：[https://medium.freecodecamp.com/why-npm](https://medium.freecodecamp.com/why-i-left-gulp-and-grunt-for-npm-scripts-3d6853dd22b8)
3. **Angular 2文档**：
- [Angular 2 API](https://angular.io/docs/ts/latest/api/)
- [Angular Universal](https://github.com/angular/universal)

---

### **总结**
文档强调了构建强健应用的关键点，包括离线支持、状态管理和异步数据处理，并提供了相关资源和工具的推荐，帮助开发者更高效地使用Angular 2进行开发。