NGRX Store + Effects

4.9/5 (5018 ratings)

•

Closed Captions (English)

by Todd Motto

•

41 lessons

•

8 hours

•

v8.x

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

Optimizing Data Structures with Entities • 16:27

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

Todd Motto Google Developer Expert

Here to help you learn faster for less effort. I pour my 10+ years knowledge, experience, real-world architecture and best practices into precisely crafted tutorials to help you reach the next level. Trusted by over 65,000 students and the world's best companies.

@toddmotto

How many users?

-32%

129

189

per user

ADD TO CART

+VAT for EU

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

Excellent course! It was great and very informative. T'was the best NGRX course I have ever learned! Thank you!

Kristy Mae Almuete

Angular Developer, Starshot Software

Best NGRX course. After two trainings on other platforms, I decided to drop NGRX. Thanks to this new Ultimate Course training I changed my mind and I will now use NGRX on all of my Angular projects!

Jérémie Séguillon

Lead Web Developer, ALTEN

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

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

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

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

After attempting many courses about Angular, TypeScript, NgRx and RxJS, I can say that the Angular Master Bundle is the Greatest Of All Time!

Enea Jahollari

Front-end Developer

Ultimate Courses gives you an edge. Short bursts of knowledge that provide you a way to step up your game. I've gone from applying something to finally understanding what I'm doing.

Simon Dufour

JavaScript Developer

Get the complete bundle...

Everything you need to start mastering Angular today

Job-ready training

Nail that interview with your new skills that will set you apart.

All the best practices

Best practices, design patterns, performance and architecture.

Stream or download

Learn at home at your own pace, download for offline viewing.

Expert knowledge

Built by Google Developer Experts, there's no better place to learn web.

StackBlitz examples

Access full course source code and experiment in the browser too!

Slack community

Exclusive access to our members-only community (6,800+ members).

Angular Kickstart Bundle

2 courses

Angular
Fundamentals

56 lessons 5 hours

Angular
Pro

116 lessons 17 hours

How many users?

-23%

199

258

per user

ADD TO CART

+VAT for EU

Limited time offer ⚡

Angular Master Bundle

7 courses

Angular
Fundamentals

56 lessons 5 hours

Angular
Pro

116 lessons 17 hours

TypeScript
Basics

42 lessons 3 hours

TypeScript
Masterclass

37 lessons 4 hours

New

RxJS
Basics

47 lessons 4 hours

New

RxJS
Masterclass

35 lessons 3 hours