Keynote - Understand NGRX by building a Store
summary
Code builds a working Redux-like Store in TypeScript from first principles and then maps it to NGRX behavior, showing a live to‑do demo that actually updates the DOM. The implementation wires custom Store built in TypeScript with action objects, a dispatch actions mutate immutably flow, and reducers receive slice of state which return new state; subscribers emulate observables and update views. The demo uses spread operator immutability, console inspection, and contrasts plain Redux patterns with store.select as Observable and NGRX conventions.
AI-written summary · about
chapters (22)
- 0:00Intro
- 1:10Why Redux
- 2:48Redux Principles
- 3:55Benefits
- 7:21State is readonly
- 9:09Pure functions update state
- 11:37Core concepts
- 15:27Demo
- 16:07Inside Code
- 18:07Index
- 18:47Store
- 21:47Store example
- 23:47Store return state
- 26:32Dispatch function
- 27:07Updating state
- 29:32Changing data structure
- 30:02Data property
- 30:27reducer
- 31:37reducer action
- 33:57reduce function
- 38:57switch action type
- 40:52subscribe
related talks
29mUsing TypeScript with Redux Architecture
27mComplexity: "Divide and Conquer!"
18mNgRx SignalStore: Modern State Management for Angular
26mState Management Patterns and Best Practices with NgRx
27mAngular Architecture: From Patterns to Implementation
41mNgRx Mobile with Ionic
57mBuilding Scalable, Maintainable Apps Using TypeScript and React
28mReactive Programming Demystified Drink the Kool-Aid