Angular architectures with NGRX

NGRX Mini Video course

Italian Version

English Version (audio by AI)

NGRX Fundamentals

1. Redux & NGRX

State management in SPA

NGRX introduction

State Managers comparison

NGRX: how it works

Redux Dev Tools

Why should my team use NGRX?

Create the Project

Installation, store & reducers

TIP 💡: Redux Dev Tools and StackBlitz

Store selectors

TIP 💡: Immutability, Pure Functions & Reducers

Create Feature and Selectors

TIP 💡: Linter & Runtime Checks

NGRX and Signals

createSelector & extraSelectors

Build a Shopping Cart

4. The Shop Page

Create a REST API server

Product Actions

RxJS & Flattening operators

Handle errors in NGRX Effects

Products Reducer

UI the shop page

Demo & Source Code

5. Build a Shopping Cart

Build the Cart Page

Handle quantity

Sync store with Local Storage

Demo & Source Code

6. Shop Filters

Filter Component

Introduction to Reactive Forms

Container vs Presentational components

Reactive Forms and NGRX

Save Filters in Store

Filters Selectors

Side Panel UI State

Insight 💡: How to fix linter errors

Demo & Source Code

Create the "Shop Order" route

Create the Layout

Order Reactive form

Demo & Source Code

Reserved Area

8. CRUD: Simple CMS

Route and Layout

Product Actions

DELETE: delete products

POST: add new product

PATCH: edit existing products

Improvements, Linter & Fixes

Refactoring: Move logic in Effects

Refactoring: Move to Components

Demo & Source Code

9. Authentication

Auth Effects: create sequences of effects

Auth: extraSelectors

Sync store with Local Storage

Auth Interceptor

Dom Protection with custom directives

Demo & Source Code

10. Router & NGRX

BONUS: NGRX Signals

SignalStore: create the store

Work with Collections

Debug with Angular Extension

Computed signals

Store Methods: add & delete

Layout Improvements

Store Composition: add filters

async operations and rxMethod

Change Log

Url	Date	Description
	1 december	Chapter 3: updated to Angular 19 & NGRX 19 RC
	1 december	Chapter 2: updated to Angular 19 & NGRX 19 RC
	1 december	Chapter 1: updated to Angular 19 & NGRX 19 RC
	27 october	BONUS CHAPTER: added an entire new chapter about NGRX Signals package and signalStore
	2 october	Chapter 4: info su a RxJS flattening operators
	2 october	Chapter 2: added CheatSheet PDF
	1 october	The book has been released

Send your feedback