Unlocking Reactive State Super Powers with NgRx Signal Store
summary
Shows a concrete NgRx Signal Store implementation using NgRx Signal Store and the composition helpers withState, withComputed, withEntities to build feature stores that keep state, derived values and methods together; introduces events for decoupling so stores communicate by dispatching past-tense events; implements effects that call APIs and confirm or rollback optimistic changes — the live demo shows optimistic updates that succeed for one task and rollback on a failing API call.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 2:40Angular signals basics
- 6:45Component state limits
- 8:10Signal store introduction
- 12:25Derived state with computed
- 15:17Store coordination challenges
- 16:42Event-driven architecture
- 18:26Events and reducers
- 20:37Effects for async
- 22:47Live demo: state updates
- 26:04Testing signals and stores
- 27:07Choosing state approach
- 28:13State management evolution
- 28:33Resources and closing
- 29:16Q&A
related talks
18mNgRx SignalStore: Modern State Management for Angular
31mNgRx SignalStore: The Ultimate Tool for Modern State Management
17mCustom Features of NgRx SignalStore
30mSignals Unleashed: Intro to NgRx Signal Store
30mModern Angular with NgRx SignalStore
34mReactive State Management For Your Angular App
23mState management with ngrx
39mHow to use NgRx ComponentStore?