English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 13m | 201 MB
Once you’ve worked with Angular awhile, you discover that the difficult part of architecting apps is making sure data flows and is refreshed in the UI in a consistent way. This process is called state management. NgRx has quickly become the go-to solution for state management in large Angular applications. In this training course, you can learn about Redux—the JavaScript library for managing application state—and how NgRx provides an Angular-specific implementation of Redux that supports lazy-loaded modules, observables, and asynchronous side effects. Instructor Alain Chautard teaches the principles of state management in the context of reactive programming, giving you a solid foundation for your Angular architecture. Learn how to react to and trigger state changes, dispatch actions, and work with effects, selectors, and entities. Plus, see to build a robust component architecture with NgRx.
Topics include:
- State management basics: State, actions, reducers, and the NgRx store
- Describing state
- Dispatching actions
- Listening to state updates
- Effects
- Debugging
- Selector functions
- Entities
- Component architecture
Table of Contents
Introduction
1 Improve your Angular architecture with NgRx
2 What you should know
Redux and State Management
3 What is state management all about
4 Core concepts – State and actions
5 Core concepts – Reducers and store
6 Challenge – Brainstorm state and actions for a weather app
7 Solution – Short video
Introduction to NgRx
8 Describing state with NgRx
9 Actions with NgRx
10 Reducers in NgRx
11 The NgRx store – Dispatch an action
12 The NgRx store – Listen to state updates
13 Set up effects for asynchronous tasks
14 Implementation of effects
15 Challenge – Complete the code in the project to remove a zip code from the list
16 Solution – Source code with comments
Advanced NgRx
17 Debugging NgRx applications
18 Using selector functions
19 The NgRx router store
20 Entities to manage record collections
21 Challenge – Use NgRx to load forecast data
22 Solution – Source code with comments
Component Architecture
23 Overview of component architecture with NgRx
24 Component architecture in action
Conclusion
25 Next steps
Resolve the captcha to access the links!