CF

NGRX Store + Effects

7h 44m 8s
English
Free

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.

Requirements

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

About the Author: Ultimate Courses (Todd Motto)

Ultimate Courses (Todd Motto) thumbnail

Ultimate Courses (ultimatecourses.com) is the online course platform of Todd Motto, a UK-based Google Developer Expert for Angular and one of the longer-running independent voices on the Angular and TypeScript stack. The platform also covers Vue, RxJS, and JavaScript fundamentals.

The course catalog covers Angular in depth (the framework from its early TypeScript-era through current versions), TypeScript (compiler internals and advanced type-system patterns), RxJS and reactive programming, Vue.js, JavaScript fundamentals, and the broader modern front-end ecosystem. Material is taught at the level of comprehensive reference work rather than introductory tutorial.

The CourseFlix listing under this source carries 9 Ultimate Courses titles spanning that range. Material is paid; Ultimate Courses runs on per-course or membership pricing on the original platform.

Watch Online 41 lessons

  • Space or K: play or pause
  • J: rewind 10 seconds
  • L: forward 10 seconds
  • Left Arrow: rewind 5 seconds
  • Right Arrow: forward 5 seconds
  • Up Arrow: volume up
  • Down Arrow: volume down
  • M: mute or unmute
  • F: toggle fullscreen
  • T: toggle theater mode
  • I: toggle mini player
  • 0 to 9: seek to 0 to 90 percent of the video
  • Shift plus N: next video
  • Shift plus P: previous video
0:00 0:00
#Lesson TitleDuration
1Introduction on State Management 05:27
2Redux: Three Principles 05:52
3Redux: Core Concepts 13:17
4Immutable and Mutable JavaScript 11:27
5Project walkthrough and installation 04:02
6Store creation and initial State 08:07
7Dispatching Actions 05:36
8All about Reducers 16:40
9Store Subscriptions 09:31
10Actions to Action Creators 14:12
11High level ngrx/store 05:29
12Reactive component architecture 04:01
13Project Setup and Walkthrough 13:40
14Action Constants and Creators 08:55
15Creating and Registering our Reducer 14:44
16State composition with Selectors 21:41
17Concepts of Effects 06:13
18Our first @Effect 22:24
19Optimizing Data Structures with Entities 16:28
20Hooking up @ngrx/router-store 09:33
21Custom Router State Serializers 13:59
22Router State and Entity Composition 17:56
23Further Action Creators 10:45
24Multiple Reducers 11:26
25Further Effects 11:22
26Selector Composition 11:18
27Mapping IDs to Entities 14:50
28Store Selectors and Async Pipe 10:04
29Creating, via Dispatch, Reducer and Effect 14:44
30Updating, via Dispatch, Reducer and Effect 10:20
31Deleting, via Dispatch, Reducer and Effect 11:55
32Router Actions and Effect 14:50
33Multiple Actions in Effects, Router Actions 10:27
34Preloading across multiple Routes 14:41
35Guards that check Store Entities 10:12
36One more Guard 05:03
37OnPush, everywhere 03:49
38Testing Actions 10:22
39Testing Reducers 13:03
40Testing Selectors 18:33
41Testing Effects 07:10

Course content

41 lessons · 7h 44m 8s
Show all 41 lessons
  1. 1 Introduction on State Management 05:27
  2. 2 Redux: Three Principles 05:52
  3. 3 Redux: Core Concepts 13:17
  4. 4 Immutable and Mutable JavaScript 11:27
  5. 5 Project walkthrough and installation 04:02
  6. 6 Store creation and initial State 08:07
  7. 7 Dispatching Actions 05:36
  8. 8 All about Reducers 16:40
  9. 9 Store Subscriptions 09:31
  10. 10 Actions to Action Creators 14:12
  11. 11 High level ngrx/store 05:29
  12. 12 Reactive component architecture 04:01
  13. 13 Project Setup and Walkthrough 13:40
  14. 14 Action Constants and Creators 08:55
  15. 15 Creating and Registering our Reducer 14:44
  16. 16 State composition with Selectors 21:41
  17. 17 Concepts of Effects 06:13
  18. 18 Our first @Effect 22:24
  19. 19 Optimizing Data Structures with Entities 16:28
  20. 20 Hooking up @ngrx/router-store 09:33
  21. 21 Custom Router State Serializers 13:59
  22. 22 Router State and Entity Composition 17:56
  23. 23 Further Action Creators 10:45
  24. 24 Multiple Reducers 11:26
  25. 25 Further Effects 11:22
  26. 26 Selector Composition 11:18
  27. 27 Mapping IDs to Entities 14:50
  28. 28 Store Selectors and Async Pipe 10:04
  29. 29 Creating, via Dispatch, Reducer and Effect 14:44
  30. 30 Updating, via Dispatch, Reducer and Effect 10:20
  31. 31 Deleting, via Dispatch, Reducer and Effect 11:55
  32. 32 Router Actions and Effect 14:50
  33. 33 Multiple Actions in Effects, Router Actions 10:27
  34. 34 Preloading across multiple Routes 14:41
  35. 35 Guards that check Store Entities 10:12
  36. 36 One more Guard 05:03
  37. 37 OnPush, everywhere 03:49
  38. 38 Testing Actions 10:22
  39. 39 Testing Reducers 13:03
  40. 40 Testing Selectors 18:33
  41. 41 Testing Effects 07:10

Related courses

  • Advanced Angular Forms thumbnailUpdated 4mo ago

    Advanced Angular Forms

    By: Dmytro Mezhenskyi
    Deep Dive in Angular Forms. The course goes way beyond the official documentation and shows you how the Angular forms work internally, so You understand why thi
    18 hours 3 minutes 53 seconds 5 / 5
  • Angular 9 Firebase Project Course thumbnailUpdated 2y ago

    Angular 9 Firebase Project Course

    By: Fireship
    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 ab
    2 hours 46 minutes 56 seconds
  • Angular and Golang: A Rapid Guide - Advanced thumbnailUpdated 3y ago

    Angular and Golang: A Rapid Guide - Advanced

    By: 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
    9 hours 40 minutes 39 seconds

Frequently asked questions

What is NGRX Store + Effects about?
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…
Who teaches NGRX Store + Effects?
NGRX Store + Effects is taught by Ultimate Courses (Todd Motto). You can find more courses by this instructor on the corresponding source page.
How long is NGRX Store + Effects?
NGRX Store + Effects contains 41 lessons with a total runtime of 7 hours 44 minutes. All lessons are available to watch online at your own pace.
Is NGRX Store + Effects free to watch?
Yes — NGRX Store + Effects is a free online course on CourseFlix. You can watch every lesson without a paid subscription.
Where can I watch NGRX Store + Effects online?
NGRX Store + Effects is available to watch online on CourseFlix at https://courseflix.net/course/ngrx-store-effects. The page hosts every lesson with the integrated video player; no download is required.