Complexity Management with NgRx

on YouTube ↗20m

" summary

An early AngularJS project sits unupdated for five years because tangled services, controllers and promise-based race bugs make maintenance impossible. The claim: NgRx replaces that mess with reducers and actions (pure state transitions), isolates behavior into effects with actions$ and ofType that call services via RxJS and map results back to actions, and accepts higher code cost. NgRx 8 reduces that cost with createAction/createReducer. Effects use RxJS cancellation operators to avoid race conditions and make control flow testable.

AI-written summary · about

" chapters (6)

1. 0:00Introduction and background
2. 3:00What is NgRx
3. 5:28Managing state in NgRx
4. 10:29Code volume in NgRx
5. 13:18Control flow with effects
6. 17:32Summary and takeaways

" related talks

• 20mState Management at Scale w/NgRxBrandon Roberts · ng-conf 2022
• 29mReducing Complexity with NgrxCarlos Olivera · NG Bolivia 2019
• 52mState Management in Angular: From Facades to NgRx and backCornelia Rauch · International JavaScript Conference Munich 2019
• 01h 04mRedux for Angular -- Introduction to Ngrx EcosystemMohamed Meligy · NDC Sydney 2018
• 26mState Management Patterns and Best Practices with NgRxVictor Savkin · AngularCamp 2017
• 27mWhy You Should Definitely Use NgRxArmen Vardanyan · JS Conf Armenia 2021
• 30mState Management Patterns and Best Practices with NgRxVictor Savkin · AngularConnect 2017
• 35mAdvanced NgRx TechniquesJesse Sanders · AngularUP 2019