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

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

Course content

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

Related courses

  • Create a Personal Portfolio using Angular 2 & Behance thumbnail

    Create a Personal Portfolio using Angular 2 & Behance

    Sources: Coursetro
    The project you're going to learn how to build is based on a personal portfolio site, powered by Angular 2 which grabs projects in real-time with the…
    2 hours 8 minutes 10 seconds
  • Angular and Golang: A Practical Guide thumbnail

    Angular and Golang: A Practical Guide

    Sources: Udemy
    Angular and Golang: A Practical Guide — build a fullstack app with Angular front-end and a Go REST API. Real-world clean-code patterns.
    6 hours 35 minutes 27 seconds
  • Angular and Golang: A Rapid Guide - Advanced thumbnail

    Angular and Golang: A Rapid Guide - Advanced

    Sources: Udemy
    Learn how to create an Ambassador App using Angular and Golang. We will build 3 frontend apps Admin, Ambassador and Checkout and they will consume a big Golang
    9 hours 40 minutes 39 seconds

Frequently asked questions

What is Angular NgRx: Getting Started about?
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…
Who teaches Angular NgRx: Getting Started?
Angular NgRx: Getting Started is taught by Pluralsight. You can find more courses by this instructor on the corresponding source page.
How long is Angular NgRx: Getting Started?
Angular NgRx: Getting Started contains 80 lessons with a total runtime of 4 hours 5 minutes. All lessons are available to watch online at your own pace.
Is Angular NgRx: Getting Started free to watch?
Angular NgRx: Getting Started is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Angular NgRx: Getting Started online?
Angular NgRx: Getting Started is available to watch online on CourseFlix at https://courseflix.net/course/angular-ngrx-getting-started. The page hosts every lesson with the integrated video player; no download is required.