NGRX Store + Effects

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

NGRX

v5.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.

Creating and Registering our Reducer 14:43

Todd Motto

Google Developer ExpertGoogle Developer Expert

Requirements

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

Hands down 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, Social Security Administration

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

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 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

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, Raymond James Financial

Here’s what's covered…

Everything you need, structured and ready to go

Overview, setup and source files (2 lessons)

  • Setup instructions

    Readme
  • Source files

    Readme

Redux Architecture (4 lessons)

  • Introduction on State Management

    Free preview 05:26
  • Redux: Three Principles

    Free preview 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

    Free preview 08:54
  • Creating and Registering our Reducer

    Free preview 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

    Free preview 16:27

Router State Composition (3 lessons)

  • Hooking up @ngrx/router-store

    09:32
  • Custom Router State Serializers

    Free preview 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

    Free preview 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

    Free preview 14:40
  • Guards that check Store Entities

    10:11
  • One more Guard

    05:02

Observables and Change Detection (1 lessons)

  • OnPush, everywhere

    03:48

Unit Testing (4 lessons)

  • Testing Actions

    10:21
  • Testing Reducers

    13:02
  • Testing Selectors

    18:31
  • Testing Effects

    07:09
Arrow down

Get the complete package...

Everything you need to start mastering Angular today

Angular Kickstart Package

2 courses

MOST POPULAR

Angular Ultimate Package

5 courses

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 and 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.