Managing State in Angular Applications
summary
Claims that state complexity comes from six types of state and from mixing state updates with side effects and routing; fixes come from separating pure reducers from effects, making client state immutable, and treating the URL as the initiator. Uses NgRx, RxJS operators (notably concatMap to serialize and switchMap for latest only), reducers and effects, and router-store integration. Implements a talks app with optimistic rating and undo-on-error and a filter-by-URL flow; the refactor removes race conditions and makes behavior predictable. six types of state router as source of truth
AI-written summary · about
chapters (6)
- 0:00Introduction
- 2:01State Types
- 6:07Synchronization
- 11:20URL Synchronization
- 17:02State Management
- 26:39Synchronized URLs
related talks
30mTackling State in Angular Applications
22mThe Secret Sauce of State Management
26mState Management Patterns and Best Practices with NgRx
27mCrafting state management – A principle based architecture
34mReactive State Management For Your Angular App
18mState Management — One Meta-Model to Rule Them All
22mState Management Techniques and Family Therapy
20mState Management at Scale w/NgRx