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

Published: 09 August 2023
on channel: Programming with Umair

6,444

103

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

On this page of the site you can watch the video online Angular 16 NgRx Tutorial with Example | Redux | RxJs - Complete Guide with a duration of hours minute second in good quality, which was uploaded by the user Programming with Umair 09 August 2023, share the link with friends and acquaintances, this video has already been watched 6,444 times on youtube and it was liked by 103 viewers. Enjoy your viewing!