Messaging Design Patterns with NGRX

on YouTube ↗32m

" summary

Shows how to stop hand-writing NgRx boilerplate by using Angular schematics and the NgRx CLI to generate store, feature and container scaffolding and save setup time; demos run and compile. Uses ng generate feature and ng generate entity to produce actions, reducers, effects, specs and selectors; entity adapter produces an ids/entities normalized state and ready-made selectors. Argues that actions are the source of truth (state is a cache), implements routing via actions for time-travel debugging, and uses guards/resolvers that dispatch and wait on store observables.

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 4:24Live Demo
3. 8:57Angular Cli
4. 11:12What Is Your Secret for Healthy Hair
5. 11:32How Do You Deal with a Deep Nested State Object
6. 14:14Action Creators
7. 18:42What Is the Source of Truth
8. 21:26Routing with Actions
9. 27:41Data Resolving
10. 29:04Data Resolver for the Angular Router

" related talks

• 44mReducing the Boilerplate with NgRxBrandon Roberts, Mike Ryan · NGConf 2018
• 30mState Management Patterns and Best Practices with NgRxVictor Savkin · AngularConnect 2017
• 32mLevel up your NgRx gameÖnder Ceylan · AngularDay 2019
• 35mAdvanced NgRx TechniquesJesse Sanders · AngularUP 2019
• 19mNgRx SchematicsVitalii Bobrov · NGConf 2018
• 27mAngular Architecture: From Patterns to ImplementationTodd Motto · ng-europe 2018
• 26mState Management Patterns and Best Practices with NgRxVictor Savkin · AngularCamp 2017
• 01h 04mRedux for Angular -- Introduction to Ngrx EcosystemMohamed Meligy · NDC Sydney 2018