Skip to main content

NGRX Store + Effects

7h 44m 8s
English
Free

Course description

You need predictable, maintainable and fast apps. You’ll master Actions, Reducers, Data Structures with Entities, Memoized Selectors, the Redux pattern, Side-Effects, Immutability through to Preloading, Router State and Testing. All in a real-world application.

Read more about the course

Requirements

  • Angular experience
  • Component architecture
  • RxJS experience is a bonus

Watch Online

0:00 0:00
#Lesson TitleDuration
1Introduction on State Management05:27
2Redux: Three Principles05:52
3Redux: Core Concepts13:17
4Immutable and Mutable JavaScript11:27
5Project walkthrough and installation04:02
6Store creation and initial State08:07
7Dispatching Actions05:36
8All about Reducers16:40
9Store Subscriptions09:31
10Actions to Action Creators14:12
11High level ngrx/store05:29
12Reactive component architecture04:01
13Project Setup and Walkthrough13:40
14Action Constants and Creators08:55
15Creating and Registering our Reducer14:44
16State composition with Selectors21:41
17Concepts of Effects06:13
18Our first @Effect22:24
19Optimizing Data Structures with Entities16:28
20Hooking up @ngrx/router-store09:33
21Custom Router State Serializers13:59
22Router State and Entity Composition17:56
23Further Action Creators10:45
24Multiple Reducers11:26
25Further Effects11:22
26Selector Composition11:18
27Mapping IDs to Entities14:50
28Store Selectors and Async Pipe10:04
29Creating, via Dispatch, Reducer and Effect14:44
30Updating, via Dispatch, Reducer and Effect10:20
31Deleting, via Dispatch, Reducer and Effect11:55
32Router Actions and Effect14:50
33Multiple Actions in Effects, Router Actions10:27
34Preloading across multiple Routes14:41
35Guards that check Store Entities10:12
36One more Guard05:03
37OnPush, everywhere03:49
38Testing Actions10:22
39Testing Reducers13:03
40Testing Selectors18:33
41Testing Effects07:10

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

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
Demystifying Reactivity with Angular Signals

Demystifying Reactivity with Angular Signals

Sources: fullstack.io
Welcome to an insightful journey into building modern Angular applications with signals. This article aims to shed light on the relatively untapped potential of signals in Angul...
1 hour 44 minutes 15 seconds
Complete Angular 2 JS

Complete Angular 2 JS

Sources: udemy
This Angular 2 video course is probably the most complete on the Internet to date and this means that it is time to seriously start studying the second Angular.
18 hours 50 minutes 51 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
30 hours 29 minutes 57 seconds