Scaling large Angular apps
summary
Starts with ES2015/TypeScript and a generator setup (yo gulp angular) to avoid brittle folders, switches Angular 1.5 to component-based code and controllerAs (no $scope), builds a single API service on restangular with request/response interceptors to attach tokens, start/stop a loader and auto-handle 401/422 validation errors, and uses NG‑Mock to write concise tests. Notes apps often hit APIs 30–100 times and suffer from too many watchers; fixes include disabling debug info and using app‑shell + service workers. Angular 2 adds TypeScript, Angular CLI, Shadow DOM, web workers, AOT and tree‑shaking.
AI-written summary · about
chapters (27)
- 0:00Scaling large Angular apps
- 1:18Let's talk about JavaScript
- 6:091.3 TypeScript
- 9:05Head start
- 11:443.1 Get rid of plain Controllers
- 15:173.3 Components vs Directives
- 16:283.4 Component isolation
- 20:31API calls
- 22:144.1 Base configuration
- 24:024.2 Request Interceptors
- 25:044.3 Response Interceptors
- 26:004.4 Error Interceptors
- 29:254.6 Summary
- 29:49Performance
- 30:285.1 Watchers
- 34:325.3 Caching
- 35:225.4 Production Mode
- 37:385.5 Service Workers
- 40:45Testing
- 41:04Writing tests flexibility to optimize without breaking functionality
- 44:287.2 Component Based Architecture
- 46:337.3 Lazy Loading
- 47:197.4 Web Worker support
- 48:227.5 Static Template Compilation
- 49:267.5 Tree Shaking
- 50:147.6 Service Side rendering
- 52:29Closing thoughts
