Angular 14 State Management CRUD Example With NgRx(14)

Hi everyone,

This video is about - Angular 14 State Management CRUD Example With NgRx(14)

The entire session was made as a blog:
https://www.learmoreseekmore.com/2022/06/angular-14-statemanagement-crud-example-with-rxjs14.html

(00:00) Introduction
(05:28) Creating angular(14) application
(06:42) Install bootstrap package
(10:15) JSON Serve configuration(Fake API)
(15:30) Creating feature angular module(eg: Books Module)
(16:27) Creating 'Home' Component
(17:37) Lazy load modules
(20:57) Install '@ngrx/store' package
(21:40) Install '@ngrx/effects' package
(22:35) Install '@ngrx/developor-tool' package
(23:49) generate 'books.ts' (state of the store)
(26:22) generate 'books.reducer'(Reducer)
(26:53) generate 'books.selector'
(27:10) generate 'books.action'
(27:41) generate 'books.effects'
(29:28) Implement Read Operation,
(34:57) Register Feature StoreModule
(46:36) generate 'book.service.ts'
(47:50) Get API call
(50:08) Creating effect to invoke get API call
(55:51) Implementing logic to store get API response into the store state
(01:00:20) Registring the Effect feature module
(01:03:04) Implement Create Operation
(01:03:26) Create 'Add' angular component
(01:11:13) Crating effect to invoke save API call
(01:17:45) Logic to add newly created item into the store state
(01:24:04) Implementing global/shared/app level state management store
(01:42:43) Implement Update operation
(01:42:53) Crate 'Update' angular component.
(01:45:45) Create a selector by id
(01:57:34) Creating effect to invoke update API call
(01:59:44) Implement logic to update the item in the store
(02:02:35) Implementing Delete operation
(02:04L47) Create effect to invoke the delete API call

#naveenbommidi #angular #angularjs #angular14 #ngrx #ngrx14
#curd #bommidinaveen

Reach Me:
****************************************
Blog: https://www.learmoreseekmore.com/
Facebook Page: https://www.facebook.com/naveenTechSeeker
Twitter: https://twitter.com/NaWin512
Pinterest: https://in.pinterest.com/bnaveen0940/_saved/
****************************************

Support Me:
**********************************
https://www.buymeacoffee.com/codenaveen
https://www.paypal.com/paypalme/naveentechseeker?locale.x=en_GB