NGRX Store + Effects

4.9/5 (3662 ratings)

Master reactive and highly performant Redux state management for Angular apps.

Angular

Compatible with v8.x

Duration

41 lessons • 7 hours

What you'll learn

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

Here’s what’s covered...

Overview, setup and source files

2 lessons

Setup instructions

Readme
Source files

Readme

Redux Architecture

4 lessons

Introduction on State Management

05:26
Redux: Three Principles

05:51
Redux: Core Concepts

13:16
Immutable and Mutable JavaScript

11:26

Writing our own Redux Store

7 lessons

Setup instructions

Readme
Project walkthrough and installation

04:01
Store creation and initial State

08:06
Dispatching Actions

05:35
All about Reducers

16:39
Store Subscriptions

09:30
Actions to Action Creators

14:11

Architecture: ngrx/store and components

2 lessons

High level ngrx/store

05:28
Reactive component architecture

04:00

Core Essentials

5 lessons

Setup instructions

Readme
Project Setup and Walkthrough

13:39
Action Constants and Creators

08:54
Creating and Registering our Reducer

14:43
State composition with Selectors

21:40

Effects and Entities

3 lessons

Concepts of Effects

06:12
Our first @Effect

22:23
Optimizing Data Structures with Entities

16:27

Router State Composition

3 lessons

Hooking up @ngrx/router-store

09:32
Custom Router State Serializers

13:58
Router State and Entity Composition

17:55

Extending our State Tree

6 lessons

Further Action Creators

10:44
Multiple Reducers

11:25
Further Effects

11:21
Selector Composition

11:16
Mapping IDs to Entities

14:49
Store Selectors and Async Pipe

10:03

Entity patterns, CRUD operations

3 lessons

Creating, via Dispatch, Reducer and Effect

14:43
Updating, via Dispatch, Reducer and Effect

10:19
Deleting, via Dispatch, Reducer and Effect

11:54

Routing via Dispatch

2 lessons

Router Actions and Effect

14:49
Multiple Actions in Effects, Router Actions

10:26

State preload and protection via Guards

3 lessons

Preloading across multiple Routes

14:40
Guards that check Store Entities

10:11
One more Guard

05:02

Observables and Change Detection

1 lesson

OnPush, everywhere

03:48

Unit Testing

4 lessons

Testing Actions

10:21
Testing Reducers

13:02
Testing Selectors

18:31
Testing Effects

07:09

Creating and Registering our Reducer • 14:43

Todd Motto

Google Developer Expert

How many users?

$ 129 Save 32% /per user

189 Total: $

Add to Cart

EU customers: price excludes VAT

Secure SSL encrypted payments

The first course I've ever fully completed, and after the first run through I really feel like I've grasped NGRX Store and Effects! Great teacher and well-structured course.

Ben Dalton

Front-End Engineer, Technekes LLC

This course is the most comprehensive and fastest way to get up to speed with NGRX Store and Effects. Full of real world scenarios, best practices and architecture - you won’t find a better place to learn NGRX online.

Mike Ryan

NGRX Core Team

This course is incredible and laid everything out for me in a few hours. It also explains the fundamentals of how Redux works under the hood and why it's so great to use. I've fallen in love with NGRX!

Jan van Braeckel

Full-Stack Developer, Cloudalize

Fantastic courses explained incredibly well. Very easy to follow and understand concepts. 10/10.

Nicolas Telfer

Co-founder / Engineer

Hands down the best start to finish NGRX course available. Contains a lot of real world data and elements, from architecture to forms and folder structures. 10/10.

Alexander Torres

IT Specialist, SSA

NGRX is a beast, but the way Todd teaches and walks you through both Store and Effects packages really solidifies the concepts and knowledge. There's no material available like this online all in one place, fantastic.

Dick Swart

Senior Developer, K2 Consultant

The NGRX training is fantastic! I've come up to speed immediately. Before, I was completely lost and confused by reducers and effects. Todd has done a brilliant job of teaching this topic.

Joe Kahl

Senior Engineer

Crystal clearly explained concepts, meticulously designed examples and projects! Fantastically valuable courses overall!

Yiling Lu

Senior Developer

Or get the complete bundle...

Everything you need to start mastering Angular today

Angular Kickstart Bundle

2 courses

Angular Fundamentals

59 lessons 5 hours

Angular Pro

116 lessons 16 hours

How many users?

$ 199 Save 23% /per user

258 Total: $

Add to Cart

EU customers: price excludes VAT

Angular Master Bundle

7 courses

Angular Fundamentals

59 lessons 5 hours

Angular Pro

116 lessons 16 hours

TypeScript Basics

44 lessons 4 hours

TypeScript Masterclass

39 lessons 3 hours

New

RxJS Basics

47 lessons 4 hours

New

RxJS Masterclass

35 lessons 3 hours