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

Reactive Angular Course (with RxJs)

Reactive Angular Course (with RxJs)

Sources: udemy
This course is a catalog of commonly used design patterns (and some anti-patterns) that every Angular developer should know. The goal of the course is to teach you how to comfor...
5 hours 33 minutes 49 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
Angular - The Complete Guide

Angular - The Complete Guide

Sources: Academind Pro
Angular is one of the most popular web development frameworks you can learn these days - especially in the enterprise landscape. It offers amazing...
26 hours 25 minutes 26 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