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

Buy me a coffee: https://buymeacoffee.com/umairjameel 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: https://www.youtube.com/playlist?list=PL3i9po_eXL_ry_n5DZ30aEHazNCWdOUz7 Complete Next.js 13 Crash Course: https://www.youtube.com/playlist?list=PL3i9po_eXL_paQQIa4qTum7_9CPqQwiFH Node Express MongoDB Bootcamp: https://www.youtube.com/playlist?list=PL3i9po_eXL_rdDdgVHSZjmzvwUB-jj8SU ChatGPT Tutorials: https://www.youtube.com/playlist?list=PL3i9po_eXL_qtCoSV1GHX_5Q48D2La9xW Contact us for development services: https://www.linkedin.com/in/umair-jameel-24aa5368/ npm install @ngrx/store @ngrx/effects @ngrx/entity @ngrx/store-devtools --save