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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

NGRX Store + Effects

NGRX Store + Effects

Sources: ultimatecourses.com
You need predictable, maintainable and fast apps. You’ll master Actions, Reducers, Data Structures with Entities, Memoized Selectors, the Redux pattern, Side-Effects, Immutabili...
7 hours 44 minutes 8 seconds
Complete Angular Developer in 2023 Zero to Mastery

Complete Angular Developer in 2023 Zero to Mastery

Sources: zerotomastery.io
Learn Angular from a senior industry professional. This is the only Angular course you need to learn Angular, build enterprise-level applications from scratch & get hired as an ...
27 hours 28 minutes 36 seconds
Desktop apps with Angular, Firestore and Electron

Desktop apps with Angular, Firestore and Electron

Sources: udemy
This course takes you on a developer journey where you'll be building a complete desktop application that runs on any platform (Windows, Mac, Linux) using your favorite Web Tech...
11 hours 28 minutes 39 seconds
Angular 7 + Spring Boot and Cloud Microservices(Inc. Docker)

Angular 7 + Spring Boot and Cloud Microservices(Inc. Docker)

Sources: udemy
In this course, we will learn Microservices With Spring Boot and Spring Cloud on server side. In Client Side, we will learn Angular 7. Our project template goes
7 hours 12 seconds
Angular and Golang: A Rapid Guide - Advanced

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 API. I'm a FullS...
9 hours 40 minutes 39 seconds