Advanced NgRx Techniques
summary
Advocates starting simple and avoiding unnecessary subscriptions, using async pipe and a container/presenter split so containers talk to the store and presenters stay dumb. Recommends a service-with-BehaviorSubject pattern as a lightweight step, then upgrade via facades into full NgRx. Treat actions as three-part (load / success / error), use memoized selectors and call release when stale, and prefer dictionary storage with ngrx entity (NgRx: ~800k monthly downloads; entity: ~322k). Mentions NgRx Data, schematics, Jest snapshot tests, Jasmine marbles for effects, Cypress for e2e, and LogRocket for session replay.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 1:17When to use NgRx
- 2:20Stop subscribing to everything
- 3:22Container presenter pattern
- 6:14Container component demo
- 7:37Presenter component demo
- 9:23Service with a subject
- 12:55Actions best practices
- 15:30Selectors power
- 17:56Nested data issues
- 20:29NgRx Entity benefits
- 21:31NgRx Entity overview
- 24:43NgRx Data alternative
- 26:29NgRx schematics
- 27:53NgRx facades
- 30:06Testing NgRx
- 31:51Cypress testing
- 32:14Action types and effects
- 34:44LogRocket debugging
related talks
30mState Management Patterns and Best Practices with NgRx
32mMessaging Design Patterns with NGRX
27mWhy You Should Definitely Use NgRx
26mState Management Patterns and Best Practices with NgRx
32mLevel up your NgRx game
52mState Management in Angular: From Facades to NgRx and back
33m5 Tips to Improve User Experience with NgRx
20mComplexity Management with NgRx