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:

(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
(29:28) Implement Read Operation,
(34:57) Register Feature StoreModule
(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:
****************************************
****************************************

Support Me:
**********************************

[DavidLopez-dkil]

Your video helped me debug an issue I was having, not being able to store a new record. Thank you for your tutorial...

[raghavendradeshmukh]

It is very useful for beginners to learn it step by step. I will thank you naveen for such a amazing content. Thank you brother 🙌

[Inkartnee]

Thanks man, hope people start watching you

[DeepankarDeovrat]

Keep uploading this kind of one shot video. 👍 Great content.

[renends]

Great explanation!
Thank you very much!

[UsmanAli-ygvl]

Thanks man. I really appreciate your work.

[bojanasamardzioska]

Great explanation, I learned a lot. Thank you so much!

[kctripathy]

Thank you so much for such a wonderful video, I learnt from it. My good wishes to you 🎉

[ranjanadeore]

Thank you sir uploading videos with great explanation.

[mahdiandalib]

hi man, can you plz create more real examples using angular?

[jayakumar]

Good one video thanks for posting . can you post connect Realtime API without Json

[artisticJourneys]

How do you update parts of the state without overriding the entire state?

[corneliusluka]

Thanks for the video, can you share the source code with us?

[Yangslehollandais]

Why you didn't used Entity from NGRX ?

[SUNNYKUMAR-igcr]

And errror is : DefaultProjectorFn<Book>>
No overload matches this call.
The last overload gave the following error.
Argument of type 'MemoizedSelector<object, Book, DefaultProjectorFn<Book>>' is not assignable to parameter of type '[SelectorWithProps<unknown, unknown, Book[]>, SelectorWithProps<unknown, unknown, unknown>, SelectorWithProps<unknown, unknown, unknown>, SelectorWithProps<unknown, unknown, unknown>, SelectorWithProps<...>, SelectorWithProps<...>, SelectorWithProps<...>, SelectorWithProps<...>]'.ts

[shankardakolia]

Sir can you make ngrx v15 with signals video

[venu]

Thank you can you add the github link for the project

[karthikeyansundaramoorthi]

Liked! Hey, content is really good. You have explained well. But please improve your language and presentation that will help your video reach more views for sure.

[pierrelambert]

I'm the only one who had trouble with .pipe on Actions...? "Property 'pipe' does not exist on type 'Actions<Action>'."