Learn how to manage application state with NgRx, the Angular-specific implementation of Redux.
Overview
Syllabus
Introduction
- Improve your Angular architecture with NgRx
- What you should know
- What is state management all about?
- Core concepts: State and actions
- Core concepts: Reducers and store
- Challenge: Brainstorm state and actions for a weather app
- Solution: Short video
- Describing state with NgRx
- Actions with NgRx
- Reducers in NgRx
- The NgRx store: Dispatch an action
- The NgRx store: Listen to state updates
- Set up effects for asynchronous tasks
- Implementation of effects
- Challenge: Complete the code in the project to remove a zip code from the list
- Solution: Source code with comments
- Debugging NgRx applications
- Using selector functions
- The NgRx router store
- Entities to manage record collections
- Challenge: Use NgRx to load forecast data
- Solution: Source code with comments
- Overview of component architecture with NgRx
- Component architecture in action
- Next steps
Taught by
Alain R. Chautard