Level up your NgRx game
summary
Shows concrete commands and code patterns that actually reduce boilerplate and improve performance: sets up ngrx schematics as the default collection and scaffolds a reactive feature with three commands, applies entity adapter CRUD methods and default selectors to replace spread-hell, demonstrates using Immer produce to simplify reducers, uses memoized selectors for expensive calculations and view-model composition, configures optimistic updates via ngrx-data (optimistic deletes, pessimistic add/update by default) and enables v8 runtime checks and createEffect for type-safe effects.
AI-written summary · about
chapters (31)
- 0:00Intro
- 1:17NGRX PLATFORM
- 2:52MAINTAIN A GOOD ACTION HYGIENE
- 3:41AVOID GENERIC ACTION TYPES
- 5:29USE NGRX SCHEMATICS
- 6:00DEFAULT COLLECTION
- 6:42STYLE GUIDE
- 7:38USE SELECTORS
- 11:09STATE SLICE
- 11:52COMPOSING SELECTORS
- 12:42SELECTOR TAKEAWAYS
- 13:06SERIALIZATION & HYDRATION
- 13:25SERIALISATION
- 14:03RUNTIME CHECKS
- 14:40CLIENT STORAGE & HYDRATION
- 15:05ADJUST VIEWS
- 15:43CHANGE DETECTION
- 18:42ENTITY STATE
- 19:37ENTITY ADAPTER
- 20:07COLLECTION METHODS
- 20:35DEFAULT SELECTORS
- 21:00YOU MAY NEVER FACE BOILERPLATE ISSUE W @NGRX/DATA
- 23:27OPTIMISTIC UPDATES WITH ONGRX/DATA
- 24:10OPTIMISTIC UPDATES WITH NX
- 25:22LOOKING AHEAD
- 25:33FACADES
- 27:25ACTION CREATORS
- 28:44REDUCER CREATORS
- 29:32EFFECT CREATORS
- 29:56MAIN TAKEAWAYS
- 30:32RESOURCES
related talks
44mReducing the Boilerplate with NgRx
32mMessaging Design Patterns with NGRX
34mNgRx: Tips & Tricks
35mAdvanced NgRx Techniques
30mState Management Patterns and Best Practices with NgRx
27mWhy You Should Definitely Use NgRx
26mState Management Patterns and Best Practices with NgRx
41mNgRx Mobile with Ionic
