Angular 16 NgRx Tutorial with Example | Redux | RxJs - Complete Guide

In this video you will learn how to use ngrx in angular, what are the building blocks of ngrx, how to use it, how to create actions, how to create reducers, how to fetch data from ngrx store in components and more.

You will learn ngrx concepts by building a simple crud note taking app.

00:20 Build CRUD note taking app using ngRx in angular 16 project.
00:40 How to create an angular 16 project?
01:10 What is ngRx state management?
04:40 Configure angular 16 project with ngRx folder structure.
07:20 Create action in ngRx for angular 16 project.
10:40 Create reducer in ngRx for angular 16 project.
16:20 Configure app module file with ngRx for angular 16 project.
17:15 Configure Store module in ngRxfor angular 16 project.
20:00 Build note taking app UI for ngRx angular 16.
28:00 Read ngRx store data in angular 16.
33:00 Dispatch action for adding and deleting a note in ngRx angular 16.
40:00 Configure ngRx effects in app module in angular 16.

#angular #angular16 #ngrx #redux #rxjs #states

React tutorials:

Contact us for development services:

npm install @ngrx/store @ngrx/effects @ngrx/entity @ngrx/store-devtools --save

[VK-snsn]

14:48 - Liked the way of changing an object's property from Array of Objects

[balajimogadali]

Awesome bro, i learnt ngrx in practical . i had a query: Store is accessible between users or not ? pls answer, it is asked by one interviewer

[chellaack]

Nice video can you please make a video with memoized selector and its use case

[lydiapaul]

Hi, One doubt will this hide response data from network tab by any chance