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

  • NestJS gRPC & Angular

    NestJS gRPC & Angular

    Sources: Michael Guay
    Find out how to connect a gRPC backend on NestJS to a frontend on Angular. We'll implement CRUD and set up real-time data streaming using Envoy...
    1 hour 12 minutes 58 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
  • Angular - The Complete Guide (2023 Edition)

    Angular - The Complete Guide (2023 Edition)

    Sources: udemy
    Angular 9 simply is the latest version of Angular 2, you will learn this amazing framework from the ground up in this course! Join the most comprehensive, popu
    34 hours 58 minutes 7 seconds
  • NativeScript + Angular: Build Native iOS, Android & Web Apps

    NativeScript + Angular: Build Native iOS, Android & Web Apps

    Sources: udemy
    With Angular (2+), you can already build highly reactive and engaging web apps. Wouldn't it be amazing to use that same tech stack and knowledge to build real native mobile apps...
    20 hours 11 minutes 23 seconds
  • 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