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

Full Stack: Angular and Spring Boot

Full Stack: Angular and Spring Boot

Sources: udemy
Learn how to build a Full Stack application with Angular and Spring Boot. Angular and Spring Boot are two of the hottest technologies for developing Full Stack applications. Kno...
25 hours 49 minutes 54 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
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
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