Angular NgRx: Getting Started
NgRx is a powerful library for organizing and managing state and interactions with that state in your Angular applications using the redux pattern. This course gets you started with NgRx including a store, actions, reducers, effects, and selectors.
What you'll learn
At the core of state management in Angular is a thorough knowledge of the Redux pattern and the NgRx library. NgRx is a powerful library for organizing and managing state and interactions with the state in your Angular applications following the Redux pattern. In this course, Angular NgRx: Getting Started, you will learn the three principles of the Redux pattern that NgRx follows and the benefits this brings to your Angular applications. First, you will discover how to define a single store for all of your application state, access data from the store with selectors, dispatch actions using action creators, and process those actions with reducers to create new state. Next, you will explore how to handle side effects, such as asynchronous operations, with effects. Finally, you will learn how to architect your Angular applications for scale and performance using the container and presentational component patterns. When you are finished with this course, you will have a foundational knowledge of NgRx that will help you move forward to develop larger or more complex Angular application.
Table of contents
- Introduction 2m
- Demo: Setting up the Sample Application 4m
- Installing the Store 4m
- Initializing the Store 4m
- Demo: Initializing the Store 2m
- Defining the State and Actions 1m
- Building a Reducer to Process Actions 5m
- Demo: Building a Reducer to Process Actions 4m
- Dispatching an Action to Change State 5m
- Subscribing to the Store to Get State Changes 5m
- Checklists and Summary 4m
- Introduction 3m
- Defining Interfaces for Slices of State 4m
- Extending the State Interface for Lazy Loaded Features 3m
- Strongly Typing the State 3m
- Setting Initial State Values 3m
- Building Selectors 5m
- Demo: Building Selectors 3m
- Demo: Using Selectors 1m
- Composing Selectors 2m
- Checklists and Summary 2m
- Introduction 3m
- Building Action Creators 5m
- Demo: Building Action Creators 2m
- Using Strongly Typed Actions 3m
- Demo: Using Strongly Typed Actions 4m
- Using Actions and Selectors for Component Communication 5m
- Demo: Communicating with the Edit Component 5m
- Defining Actions for Complex Operations 3m
- Demo: Defining Actions for Complex Operations 2m
- Checklists and Summary 2m
- Introduction 2m
- Identifying the State and Actions 3m
- Strongly Typing the State and Building Selectors 6m
- Strongly Typing the Actions with Action Creators 3m
- Dispatching an Action 4m
- Building the Effect 3m
- Processing the Success and Fail Actions 6m
- Demo: Processing the Success and Fail Actions 2m
- Checklists and Summary 2m