🙌 40% off everything - Black Friday!

Coupon BF40 at checkout for our biggest discount ever.

days
hours
mins
secs

Angular icon NGRX Store + Effects

Star rating Star rating Star rating Star rating Star rating

4.9/5 (3662 ratings)

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

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

Course contents

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

Todd Motto

Google Developer Expert icon Google Developer Expert

$ 129 Save 32% /per user

189 Total: $

Add to Cart

EU customers: price excludes VAT

Accepting MasterCard Accepting PayPal Accepting VISA Accepting Amex

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

Ben Dalton

Front-End Engineer, Technekes LLC

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

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

Mike Ryan

NGRX Core Team

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

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

Jan van Braeckel

Full-Stack Developer, Cloudalize

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

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

Nicolas Telfer

Nicolas Telfer

Co-founder / Engineer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

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

Alexander Torres

IT Specialist, SSA

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

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

Dick Swart

Senior Developer, K2 Consultant

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

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

Joe Kahl

Senior Engineer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

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

Yiling Lu

Yiling Lu

Senior Developer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Or get the complete bundle...

Everything you need to start mastering Angular today

Accepting MasterCard Accepting PayPal Accepting VISA Accepting Amex

Secure SSL encrypted payments

100% money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get every cent back.

Student/Location discounts

Not-so-good exchange rate? (i.e. India/Brazil) Get in touch for a coupon. Student? Email us from your student email or attach your student ID.

Get the full Angular bundle

I've created the best 7 course bundle on the internet. It will teach you everything you need to know about Angular.

  • Course category icon Angular Fundamentals 59 lessons, 5 hours
  • Course category icon Angular Pro 116 lessons, 16 hours
  • Course category icon TypeScript Basics 44 lessons, 4 hours
  • Course category icon TypeScript Masterclass 39 lessons, 3 hours
  • Course category icon RxJS Basics 47 lessons, 4 hours
  • Course category icon RxJS Masterclass 35 lessons, 3 hours
  • Course category icon NGRX Store + Effects 41 lessons, 7 hours

Get the entire collection, 6 more courses, for just $169 extra!