Learning NgRx

Learn how to manage application state with NgRx, the Angular-specific implementation of Redux.

Introduction

• Improve your Angular architecture with NgRx
• What you should know

1. Redux and State Management

• 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

2. Introduction to NgRx

• 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

3. Advanced NgRx

• 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

4. Component Architecture

• Overview of component architecture with NgRx
• Component architecture in action

Conclusion

• Next steps