Scalable Angular Architecture
summary
Five concrete architecture rules and an Angular toolchain are presented: use ngrx store and RxJS observables for predictable unidirectional data flow, separate presentation/abstraction/core layers with smart and dumb components and onPush change detection, prefer lazy loaded feature modules via loadChildren and a custom selective preloading strategy implemented to reduce wait time, and choose optimistic or pessimistic update flows with explicit rollback actions so state changes remain auditable and debuggable.
AI-written summary · about
chapters (12)
- 0:00Start
- 1:59Problems of scalability in front-end
- 9:05Redux
- 10:09Abstraction layers
- 10:43Presentation layer
- 12:34Core layer
- 13:07Unidirectional data flow
- 17:20Predictable state management
- 19:48Smart & Dumb Components
- 22:43Modularization - directory structure
- 23:33Lazy loading
- 25:44Preloading
related talks
34mScalable Angular Architecture
27mAngular Architecture: From Patterns to Implementation
22mScalable Angular Application Architecture
22mHow to make robust and scalable front-end using layers
25mAngular Architecture: From Patterns to Implementation
21mSustainable Angular Architecture
24mConsistent UIs with Angular, RxJS and NgRx
24mDay 2 Keynote, Angular Architecture Concepts and Practices