Modern Angular Architectures with Nx and Lightweight Stores
summary
Baseline architecture uses Nx workspace + Sheriff for folder-level modularization and implements state with NGRX Signal Store as tiny, per-feature classes with signals and methods. Lightweight stores hold a feature or subfeature state, can live on component, feature, data or util layers, and hide when used as implementation details. Orchestration happens via a feature service combining signals with computed values. Layering prevents cycles, and Redux DevTools (or similar) remain essential to detect redundancies and inconsistencies.
AI-written summary · about
chapters (11)
- 0:00Introduction to state
- 3:05Baseline architecture
- 4:21Modularization and NX
- 8:48Introduction to Sheriff
- 10:09Lightweight store demo
- 11:51Store size and placement
- 13:23State management options
- 16:59Signal store advanced features
- 18:46Orchestrating stores
- 19:26Preventing cycles
- 20:56Conclusion and resources
related talks
18mLightweight Architectures with Angular's Latest Innovations
26mScalable Angular Architecture
34mScalable Angular Architecture
26mNx for Angular Developers
25mAngular Architecture: From Patterns to Implementation
21mSustainable Angular Architecture
35mArchitectures for Huge Angular Based Enterprise Applications
32mLightweight Architectures with Angular's Latest Innovations