Angular NgRx: Getting Started

4h 5m 32s
English
Paid
May 7, 2024

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

Join premium to watch
Go to premium
# 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

Similar courses to Angular NgRx: Getting Started

Angular 9 Firebase Project Course

Angular 9 Firebase Project Course

Duration 2 hours 46 minutes 56 seconds
Angular - The Complete Guide (2023 Edition)

Angular - The Complete Guide (2023 Edition)

Duration 34 hours 58 minutes 7 seconds
Accelerating Through Angular 2

Accelerating Through Angular 2

Duration 1 hour 4 minutes 35 seconds
Demystifying Reactivity with Angular Signals

Demystifying Reactivity with Angular Signals

Duration 1 hour 44 minutes 15 seconds
Angular Basics (v15)

Angular Basics (v15)

Duration 8 hours 58 minutes 31 seconds
NgRx (with NgRx Data) - The Complete Guide (FREE E-Book)

NgRx (with NgRx Data) - The Complete Guide (FREE E-Book)

Duration 6 hours 11 minutes 19 seconds
Build Fullstack Trello clone: WebSocket, Socket IO

Build Fullstack Trello clone: WebSocket, Socket IO

Duration 8 hours 49 minutes 48 seconds
Advanced Angular Forms

Advanced Angular Forms

Duration 13 hours 38 minutes 40 seconds