ngRx the last piece in the Angular architecture puzzle
summary
ngrx centralizes app state into a single object store and exposes slices via store.select as RxJS observables consumed with the async pipe; state changes happen only by dispatching actions and returning new state from pure reducers (easy unit tests). Example counter app (+/‑/reset) is wired with StoreModule.provideStore and a reducer and works as expected. Developer tooling includes the time‑travel debugger (store-devtools) to inspect and replay actions; immutable state and onPush are cited for performance.
AI-written summary · about
chapters (10)
- 0:00Introduction and setup
- 2:29What is ngrx
- 6:28History of state management
- 10:50Traditional vs ngrx apps
- 12:37The ngrx store explained
- 15:05Changing state with actions
- 17:10Pure functions in ngrx
- 20:45Easier testing with ngrx
- 21:29Live code demo
- 24:17Debugging with time travel
related talks
01h 04mRedux for Angular -- Introduction to Ngrx Ecosystem
23mState management with ngrx
44mAngular + Redux ... stop, what?
34mReactive State Management For Your Angular App
38mThe Hitchhiker' s Guide To NGRX
29mReducing Complexity with Ngrx
35mAdvanced NgRx Techniques
33mAdvanced State Management using ngrx v5