Angular NgRx: Getting Started

4h 5m 32s
English
Paid

Course description

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.

Read more about the course

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

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

Watch Online Angular NgRx: Getting Started

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

The Modern Angular Bootcamp [2020]

The Modern Angular Bootcamp [2020]

Sources: udemy, Stephen Grider
Angular has been under development by Google for nearly a full decade. It has one purpose: scale up to gracefully handle the largest and most complex web apps around. If you w...
45 hours 23 minutes 12 seconds
Angular Pro

Angular Pro

Sources: ultimatecourses.com
Unlock Angular’s potential. All the advanced features, RxJS, Reactive Forms, Modular Architecture, TypeScript concepts, State Management, Unit Testing and a final project to cem...
16 hours 41 minutes 46 seconds
Learn to build an e-commerce app with .Net Core and Angular

Learn to build an e-commerce app with .Net Core and Angular

Sources: udemy
Have you learnt the basics of ASP.NET Core and Angular? Not sure where to go next? This course should be able to help with that. In this course we start from nothing and buil...
36 hours 40 minutes 51 seconds
NgRx (with NgRx Data) - The Complete Guide (FREE E-Book)

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

Sources: udemy
This course is a complete guide to the new NgRx Ecosystem, including NgRx Data, Store, Effects, Router Store, NgRx Entity, and DevTools, and comes with a running Github repo.
6 hours 11 minutes 19 seconds
Angular Interview Hacking

Angular Interview Hacking

Sources: Dmytro Mezhenskyi (decodedfrontend.io)
Be prepared for the upcoming Angular Interview and increase a chance to get the desired job offer. Enrolling in this course may dramatically increase your chance to get a job of...
5 hours 23 minutes 20 seconds