Redux for Angular -- Introduction to Ngrx Ecosystem

on YouTube ↗01h 04m

" summary

Ngrx brings Redux patterns into Angular using RxJS: the store holds a single state object selected as observables, reducers produce new immutable state (use spread and map to update arrays), and Ngrx Effects handle async work by returning actions (including arrays) rather than dispatching. Router state plugs into the store and store devtools lets you inspect action/state diffs. Tests use provideMockActions and either marble diagrams or simple subscribe/assert flows; switchMap cancels stale requests so autocompletes behave correctly.

AI-written summary · about

" chapters (13)

1. 0:00Start
2. 6:45Scan Operator
3. 14:58Reducer
4. 18:39Best Practices
5. 23:37Reducers
6. 24:06Search Action
7. 31:01Store Module
8. 35:35Reductive Tools
9. 39:21Authentication
10. 49:10Extra Debugging
11. 50:43Why Switch Maps
12. 51:15Test Reducers
13. 54:32Provide Mock Actions

" related talks

• 44mAngular + Redux ... stop, what?Anton Bely · RS Conf 2019
• 27mngRx the last piece in the Angular architecture puzzleAsim Hussain · NG-NL 2017
• 34mReactive State Management For Your Angular AppMaxim Salnikov · AngularUP 2017
• 20mComplexity Management with NgRxMike Ryan · NG-MY 2019
• 29mReducing Complexity with NgrxCarlos Olivera · NG Bolivia 2019
• 26mState Management Patterns and Best Practices with NgRxVictor Savkin · AngularCamp 2017
• 30mState Management Patterns and Best Practices with NgRxVictor Savkin · AngularConnect 2017
• 52mState Management in Angular: From Facades to NgRx and backCornelia Rauch · International JavaScript Conference Munich 2019