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:
• React.js Tutorials
Complete Next.js 13 Crash Course: • Next.js 13 Tutorials - App Directory
Node Express MongoDB Bootcamp: • Build REST API with Node Express MongoDB
ChatGPT Tutorials: • ChatGPT
Contact us for development services:
/ umair-jameel-24aa5368
npm install @ngrx/store @ngrx/effects @ngrx/entity @ngrx/store-devtools --save
