Skip to main content
CourseFlix

Angular NgRx: Getting Started

4h 5m 32s
English
Paid

At the core of state management in Angular is a thorough understanding of the Redux pattern and the NgRx library. NgRx is a powerful library for organizing and managing state and interactions within your Angular applications by following the Redux pattern. In this course, Angular NgRx: Getting Started, you will learn the three key principles of the Redux pattern that NgRx adheres to and the benefits this brings to your Angular applications.

Course Overview

This course will guide you through the essential concepts and practices of implementing state management with NgRx in Angular. By the end of this course, you will have a strong foundational knowledge of NgRx, enabling you to develop larger or more complex Angular applications.

Understanding the Core Principles

The course starts by introducing the core principles of NgRx, which align with the Redux pattern. You will discover how to:

  • Define a single store for all application states.
  • Access data from the store using selectors.
  • Dispatch actions with the help of action creators.
  • Process actions with reducers to generate new states.

Handling Side Effects

Next, you will explore how to manage side effects, such as asynchronous operations, using effects. This knowledge is vital for creating robust applications that can handle asynchronous data flows effectively.

Architecting for Scale and Performance

Finally, the course delves into architecture patterns to enhance your applications' scalability and performance. You will learn to implement the container and presentational component patterns, which are essential for building maintainable and efficient Angular applications.

About the Author: pluralsight

pluralsight thumbnail
At Pluralsight, we believe everyone should have the opportunity to create progress through technology and develop the skills of tomorrow. With assessments, learning paths and courses authored by industry experts, our platform helps businesses and individuals benchmark expertise across roles, speed up release cycles and build reliable, secure products.

Watch Online 80 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 80 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Course Overview
All Course Lessons (80)
#Lesson TitleDurationAccess
1
Course Overview Demo
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
Unlock unlimited learning

Get instant access to all 79 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription