Scalable Angular Application Architecture
summary
Claims a concrete Angular 2 architecture that enforces predictable state management and testability using TypeScript RxJS and ngrx (Redux-like) with immutable data and an identity map for single instances of entities. Implements abstract gateways and synchronous services to map actions to REST WebSocket or WebRTC commands. Demonstrates a typed racing app where each keystroke is sent to server or peer via WebRTC and the multiplayer sync and winner logic function end to end.
AI-written summary · about
chapters (11)
- 0:00Introduction to speaker
- 1:02Architectural constraints
- 3:22Data layer abstraction
- 6:35State management techniques
- 9:08Sample application overview
- 10:59UI components layer
- 12:13Model and action flow
- 14:40Reducer functions
- 16:35Synchronous services
- 18:20Workflow recap and benefits
- 20:23Properties and conclusion
related talks
34mScalable Angular Architecture
26mScalable Angular Architecture
46mThe Amazing Angular 2
27mAngular Architecture: From Patterns to Implementation
34mReactive State Management For Your Angular App
22mHow to make robust and scalable front-end using layers
54mReactive Angular 2
20mState Management at Scale w/NgRx