CF

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

Pluralsight is one of the largest enterprise-focused online technology training platforms in the world, founded in 2004 by Aaron Skonnard and acquired by Vista Equity Partners in 2021. The platform has historically been the dominant choice for corporate IT training, with a catalog of over 7,000 courses covering software development, IT operations, security, data, and cloud across virtually every major vendor and open-source platform.

The instructor roster includes Microsoft Regional Directors, AWS / Azure / GCP MVPs, and named experts in essentially every active technology track. Course material is structured for the corporate-training market: each course covers a specific skill at a defined depth, and Pluralsight's role-based learning paths are widely used by enterprises for upskilling engineering teams.

The CourseFlix listing under this source carries 12 Pluralsight courses — a small slice of the broader platform's catalog. Material is paid; Pluralsight itself runs on a monthly / annual subscription on the original platform, with Pluralsight Skills (individual) and Pluralsight Flow (engineering analytics) as the main product lines.

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

Related courses

Frequently asked questions

What prerequisites are needed before taking this course?
Before enrolling in this course, it is beneficial to have a basic understanding of Angular development as this course builds on Angular concepts. Familiarity with JavaScript and TypeScript is also recommended, as these are fundamental technologies used in Angular applications.
What kind of projects will I be able to build after completing this course?
After completing this course, you will be able to develop larger or more complex Angular applications that efficiently use state management through NgRx. You will understand how to implement a store, manage actions and reducers, and handle side effects, which are essential for building robust applications.
Who is the target audience for this course?
This course is designed for Angular developers who want to deepen their understanding of state management using the NgRx library. It is suitable for those who are looking to implement the Redux pattern in their applications to improve scalability and performance.
How does this course compare to other courses on state management?
This course specifically focuses on NgRx within Angular applications, adhering to the Redux pattern. It provides detailed guidance on store setup, handling actions and reducers, and managing side effects. It is aimed at developers seeking to implement scalable and performance-oriented architecture in their Angular projects.
What specific tools or platforms are covered in this course?
The course covers the installation and use of tools necessary for setting up and managing NgRx in Angular applications. Lessons include installing the store, building selectors, and using action creators and effects, which are crucial components of the NgRx library.
What topics are not covered in this course?
This course does not delve into basic Angular development or general JavaScript and TypeScript programming. It assumes a working knowledge of these areas and focuses specifically on the implementation of state management using NgRx in Angular.
What is the time commitment required for this course?
The course consists of 80 lessons, with a structured approach to learning the core principles of NgRx and its application in Angular. The exact runtime is not specified, but students should allocate sufficient time to engage with each lesson and practice the concepts presented.