The Hitchhiker' s Guide To NGRX
summary
NGRX is presented as a Redux+RxJS state architecture with concrete recipes: use provideStore/provideState, createAction/createReducer/createSelector, and createEffect for async flows. Live examples show how mergeMap/concatMap/switchMap/exhaustMap change delete-request behavior, how effects cancel previous requests with switchMap, how a one-line auto-dismiss toaster via delay -> dismiss action works, using multiple emissions to drive a spinner, employing Immer produce for immutable updates, and saving files via the FS API — all demonstrated as working patterns.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 0:49What is NGRX and why use it
- 2:14Installing and configuring NGRX
- 3:16NGRX store and selectors
- 4:26Understanding NGRX actions
- 7:15Reducers and state mutation
- 9:24Efficient NGRX selectors
- 12:26Async operations with effects
- 17:53Five NGRX tips
- 23:56RxJS in effects and selectors
- 28:20Multiple values in effects
- 31:12Advanced effect patterns
- 34:30Closing and Q&A
related talks
01h 04mRedux for Angular -- Introduction to Ngrx Ecosystem
27mngRx the last piece in the Angular architecture puzzle
34mNgRx: Tips & Tricks
44mAngular + Redux ... stop, what?
23mState management with ngrx
39mFrom Inactive to Reactive with ngrx
24mNGRX, or NGXS, or Akita, which one should you choose?
34mReactive State Management For Your Angular App