Angular App Architecture: Don’t Get Lost in Structure
summary
An Angular app is organized into feature modules with strict import boundaries and a container/presenter component split to separate UI from logic. Singleton Angular services and provider patterns are used instead of embedding logic in components, and lazy loading is applied to reduce initial bundle size. The talk includes a runnable repository and a migration case study showing faster reloads, simpler unit testing, and fewer import/DI errors after the restructure.
AI-written summary · about
chapters (11)
- 0:00Angular app architecture
- 4:13Why structure matters
- 9:10Core architecture concepts
- 13:17Single responsibility
- 17:29Component communication
- 22:19Services and DI
- 27:02Lazy loading providers
- 31:27Shared modules best practices
- 35:31Domain architecture
- 39:17Case studies
- 41:16Q&A
related talks
24mDay 2 Keynote, Angular Architecture Concepts and Practices
27mAngular Architecture: From Patterns to Implementation
34mScalable Angular Architecture
18mLightweight Architectures with Angular's Latest Innovations
32mLightweight Architectures with Angular's Latest Innovations
26mScalable Angular Architecture
30mAngular: Keeping it Fat, Dumb, and Happy: An Architectural Approach
27mThe good, the bad and the ugly - Component architecture at scale