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

React, Angular, Node In-Depth Guide: Beginner to Pro

React, Angular, Node In-Depth Guide: Beginner to Pro

Sources: udemy
If you are planning to start your career as a developer or you just want to improve your programming skills, then this course is right for you. Get all you need to start web dev...
80 hours 1 minute 57 seconds
Build Fullstack Trello clone: WebSocket, Socket IO

Build Fullstack Trello clone: WebSocket, Socket IO

Sources: udemy
In this course we will build a Trello clone API using Angular, Typescript, NodeJS, Express, MongoDB and Socket IO . This course is fully focused on fast and deep dive into creat...
8 hours 49 minutes 48 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 9 Firebase Project Course

Angular 9 Firebase Project Course

Sources: fireship.io
The Angular Firebase PWA Course will teach you how to build a complex progressive web app with Angular 9 (ivy), Material Design, and Firebase. It starts from absolute basics and...
2 hours 46 minutes 56 seconds