Angular NgRx: Getting Started
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.
More
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.
Watch Online Angular NgRx: Getting Started
# | Title | Duration |
---|---|---|
1 | Course Overview | 02:05 |
2 | Introduction | 02:39 |
3 | What Is NgRx? | 03:56 |
4 | Why Use NgRx? | 05:15 |
5 | Getting the Most from This Course | 02:37 |
6 | Sample Application | 02:33 |
7 | Course Outline | 01:45 |
8 | Introduction | 01:46 |
9 | Store | 01:23 |
10 | Actions | 01:15 |
11 | Reducers | 01:44 |
12 | Advantages of the Redux Pattern | 01:46 |
13 | Checklists and Summary | 00:37 |
14 | Introduction | 02:30 |
15 | Demo: Setting up the Sample Application | 03:51 |
16 | Installing the Store | 03:37 |
17 | Initializing the Store | 04:13 |
18 | Demo: Initializing the Store | 01:39 |
19 | Defining the State and Actions | 01:29 |
20 | Building a Reducer to Process Actions | 05:10 |
21 | Demo: Building a Reducer to Process Actions | 03:05 |
22 | Dispatching an Action to Change State | 04:42 |
23 | Subscribing to the Store to Get State Changes | 04:50 |
24 | Checklists and Summary | 04:34 |
25 | Introduction | 00:55 |
26 | Installing the Tools | 04:43 |
27 | Using the Tools | 04:09 |
28 | Checklists and Summary | 00:44 |
29 | Introduction | 03:10 |
30 | Defining Interfaces for Slices of State | 03:55 |
31 | Extending the State Interface for Lazy Loaded Features | 03:21 |
32 | Strongly Typing the State | 02:50 |
33 | Setting Initial State Values | 03:31 |
34 | Building Selectors | 05:57 |
35 | Demo: Building Selectors | 03:06 |
36 | Demo: Using Selectors | 01:26 |
37 | Composing Selectors | 02:18 |
38 | Checklists and Summary | 02:17 |
39 | Introduction | 04:24 |
40 | Building Action Creators | 05:58 |
41 | Demo: Building Action Creators | 03:49 |
42 | Using Strongly Typed Actions | 02:38 |
43 | Demo: Using Strongly Typed Actions | 03:40 |
44 | Using Actions and Selectors for Component Communication | 05:30 |
45 | Demo: Communicating with the Edit Component | 05:20 |
46 | Defining Actions for Complex Operations | 02:41 |
47 | Demo: Defining Actions for Complex Operations | 02:01 |
48 | Checklists and Summary | 02:24 |
49 | Introduction | 01:03 |
50 | What Are Effects? | 03:34 |
51 | Defining an Effect | 03:01 |
52 | Demo: Defining an Effect | 04:56 |
53 | SwitchMap Versus MergeMap | 02:13 |
54 | Registering an Effect | 01:49 |
55 | Using an Effect | 02:50 |
56 | Unsubscribing from Observables | 05:33 |
57 | Exception Handling in Effects | 04:57 |
58 | Checklists and Summary | 01:30 |
59 | Introduction | 01:51 |
60 | Identifying the State and Actions | 03:33 |
61 | Strongly Typing the State and Building Selectors | 04:19 |
62 | Strongly Typing the Actions with Action Creators | 02:02 |
63 | Dispatching an Action | 03:27 |
64 | Building the Effect | 02:44 |
65 | Processing the Success and Fail Actions | 04:50 |
66 | Demo: Processing the Success and Fail Actions | 01:50 |
67 | Checklists and Summary | 02:20 |
68 | Introduction | 01:11 |
69 | Folder by Feature or Function | 01:12 |
70 | Container Presentational Component Pattern | 05:54 |
71 | Demo: Container Component | 05:11 |
72 | Demo: Presentational Component | 02:27 |
73 | Change Detection OnPush | 03:40 |
74 | Creating a Barrel with Index.ts Files | 05:01 |
75 | Checklists and Summary | 02:39 |
76 | Introduction | 00:36 |
77 | Recap | 03:53 |
78 | Additional NgRx Libraries | 04:24 |
79 | Learning More | 00:40 |
80 | Closing | 00:34 |