Building Angular 2 Application with Redux
summary
Shows concrete wiring of Redux to Angular 2 using ng2-redux with examples of accessing Angular services from action creators and middleware, using Observables/RxJs selectors, and TypeScript-typed actions and reducers. Recommends immutable.js and Angular 2 onPush change detection, demos a working app trendy brunch that updates selections and stock, and demonstrates Redux devtools time-travel plus import/export of state for replayable bugs via Redux dev tools.
AI-written summary · about
chapters (27)
- 0:00Start
- 0:40A Typical Complex SPA
- 2:46Alternative: Pure Functions
- 4:04How State Really Becomes Painful
- 5:10Unidirectional Data Flow with Flux
- 5:59Getting More Stateless with Redux
- 6:42Reducer Functions
- 7:22Action Reducers in Redux
- 8:07An Example
- 8:40Testing Is Easy
- 9:02Why Is This a Good Idea?
- 9:48How Do We Avoid Mutating State?
- 10:29Derived Immutables
- 11:19Change Detection
- 13:03Angular 2 - Register the Provider
- 13:19Angular 2 - Configure the Store
- 14:31Angular 2 - Dumb Component
- 15:19Angular 2 - Create a Component
- 15:41Angular 2 - Create a Template
- 16:06Angular 2 - Container Component
- 16:43Angular 2 - Container Template
- 18:48Angular 2 - From a Component
- 19:19Angular 2 - Action Services
- 19:45Angular 2 - Synchronous Actions
- 19:58Handling Asyncronous Actions
- 20:40Angular 2 - Async Actions
- 26:27Demo
related talks
29mRedux Data Flow with Angular 2
28mLeveraging Redux in Angular2 application
37mAngular2 and Redux - up & running
35mAngular and Redux in practice
08mAngular applications with Redux (lightning)
01h 45mCrash Course: Angular and ngRx
01h 04mRedux for Angular -- Introduction to Ngrx Ecosystem
44mAngular + Redux ... stop, what?