Angular 相關資源整理清單

[Kevin]

將相關的資源整理在一起於此文章(為共筆模式，可直接編輯)*

工具篇

測試類

1. pageobject.io 產生PageObject的服務
2. wallaby.js 編輯器自動化測試工具
3. Mock Socket (for unit-testing WebSocket/Socket.io)

文件類

1. compodoc 產生Angular 專案文件

VSCode 套件

1. Augury Extension Chrome擴充套件，可以用來分析開發時的Angular網站

其他

1. stackblitz.com
2. 套件查詢 ngx.tools

---

DevOps

Host Angular applications by Kubernetes

1. multi-tier-kubernetes
2. web-apps-kubernetes

---

推薦文章

測試

• Guide: Writing Testable Code
• Guide: Writing Testable Code 簡體版
• How to Write Clean, Testable Code
• Angular Unit Testing Quick Start
• Docker File for Angular CLI

ChangeDetection

• Everything you need to know about change detection in Angular
• Change Detection in Angular
• Unidirectional data flow in view and service layers
• He who thinks change detection is depth-first and he who thinks it’s breadth-first are both usually right

Performance Improvement

• Catalysing your Angular 4 app Performance

RxJS

• RxJS 官方文件
• RxJS 簡中文件
• RxJS Marbles 彈珠圖

其他

• Write It Down!
• Implementing a Simple Compiler on 25 Lines of JavaScript
• Understanding the Evolution of UI Vulnerabilities in Mobile Browsers
• Demystifying Web Workers and Service Workers
• The Basics of Web Workers
• Service Workers: an Introduction

---

UI 框架

按字母排序，非推薦順序

• Angular Material
• Clarity
• Easy UI
• Element for Angular
• Kendo UI for Angular
• NG bootstrap
• NGX bootstrap
• NG-LIGHTNING
• NG Semantic-UI
• NG-ZORRO
• Onsen UI
• PrimeNG

更多可參考此 Angular.io 資源文件