Angular state management with NGRX | NGRX tutorial for beginner | Angular project with NGRX state |

  Рет қаралды 24,613

Let's Program

Let's Program

7 ай бұрын

"🚀 Master Angular State Management with NGRX! This beginner-friendly tutorial guides you through NGRX in Angular. Perfect for beginners and those refreshing their skills.
🔑 What You'll Learn:
🌐 State Management Basics
🛠️ NGRX Introduction
🖥️ Setting Up NGRX
🧩 Core NGRX Concepts
🏗️ Building an Angular Project
✅ Best Practices🎯
For: Angular beginners, developers exploring NGRX, and intermediates enhancing skills.
🌟 Key Takeaways:
Solid foundation in NGRX
Integrate NGRX in projects
Optimize Angular apps
🔔 Subscribe and hit the bell for more! Questions or feedback? Drop a comment below!"
GitHub: github.com/yshashi/ngrx-store-yt
Join this channel to get access to the perks:
/ @letsprogram30
📣 Talk to Us!
Do you have questions, tips, or just want to share your excitement? The comment section is the place to be. Let's build a community where coding dreams come true! 💬
📢 Connect with us on social media for more exciting tutorials and updates:
Support me: / letsprogram
Connect with me on the below Social links:
Let's Program Blog: letsprogram.in/
KZbin: / @letsprogram30
Instagram: / lets.program
LinkedIn: / sashikumar-yadav
Telegram: t.me/letsprogramYt
Twitter: / yshashi30
Google Authentication
• Google authentication ...
Netflix clone using angular
• Netflix Clone using An...
Angular Chat App
• Create Chat Applicatio...
MEAN stack AUTH Series
• MEAN stack project set...
Angular Signals
• Signals in Angular | H...
Angular 14 Login and Signup Page | Part 1
• Angular 14 Login and S...
Angular 14 Form Validation| Part 2
• Angular 14 Reactive Fo...
Login & Signup API creation & integration with Angular | Part 3
• Login and Signup using...
Encrypt Password in .NET 6 | Password strength checker in Angular
• Encrypt Password in .N...
Angular Authentication with Hashed Password | Part 5
• Angular Authentication...
Create JWT token in .NET 6 | Angular + .NET authentication | Part 6
• Create JWT token in .N...
Implement JWT token in Angular 14| Interceptors in Angular | Part 7
• Implement JWT token in...
Angular News Application
• Angular 14 News Applic...
Crypto Currency Application
• Angular Project - Cryp...
Angular TODO Application
• TODO Application in An...
Angular 13 CRUD using Material UI
• Angular 13 CRUD with A...
Angular QUIZ Application
• Angular 12 Quiz Applic...
Angular Add-to-cart app
• Add to Cart in Angular...
#AngularTutorial #NGRXGuide #StateManagement #AngularBeginners #LearnNGRX #AngularDevelopment #WebDevelopment #CodingTutorial #JavaScriptFrameworks #AngularProjects #FrontEndDevelopment #WebDev #AngularTips #TechTutorial #CodingForBeginners #WebProgramming #TechLearning #AngularFramework #CodingSkills #WebAppDevelopment #AngularCommunity #AngularJS #ProgrammingBasics #TechEducation #SoftwareDevelopment #CodeNewbie #LearnToCode #AngularNGRX #AngularState #DeveloperTutorial

Пікірлер: 154
@hansikapiumali2496
@hansikapiumali2496 7 ай бұрын
Thank you so much for the tutorial..I watched number of tutorials to understand the ngrx concept.bt this was the only tutorial that clearly explained me what ngrx is.once again thank you so much and plz continue this topic for ur tutorial and waiting for the add to cart using ngrx tutorials.
@letsprogram30
@letsprogram30 7 ай бұрын
Thanks for such a good feedback and I’m glad that you liked it. This coming Sunday I will be coming live on KZbin to teach some complex action handling using NGRX. See you on Sunday 🙂
@VladimirDubenco
@VladimirDubenco 4 ай бұрын
Me too
@NarendraK-ux3zz
@NarendraK-ux3zz 4 ай бұрын
Great knowledge shared! thank you so much.. waiting a few more videos on the same (NGRX)
@victorgarcia3526
@victorgarcia3526 6 ай бұрын
This was actually a great video! Hope you continue with this series!
@letsprogram30
@letsprogram30 6 ай бұрын
Yes
@TheWoselWosel
@TheWoselWosel 5 ай бұрын
Thanks man, now all I've been reading about NgRx state management makes some sense.
@letsprogram30
@letsprogram30 5 ай бұрын
Great! I’m glad you like it!
@shavindipathirana
@shavindipathirana 5 ай бұрын
This is the best tutorial for ngrx beginners. I dont need to watch any other videos. This is a one stop solution.
@letsprogram30
@letsprogram30 5 ай бұрын
And this is one of the best comment for this video 😁 Thanks 🙏
@patkartarun
@patkartarun Ай бұрын
Very well explained, thanks
@mathewskb
@mathewskb 17 күн бұрын
Super - i was preparing for an interview and this will help for sure because i never used this - :) Thank you man!!!
@letsprogram30
@letsprogram30 17 күн бұрын
@@mathewskb I’m glad it was helpful to you!🙂
@shubhamnaik7076
@shubhamnaik7076 6 ай бұрын
What a wonderful explanation… Loved it!!
@letsprogram30
@letsprogram30 6 ай бұрын
Thanks man!
@bikashpandit2300
@bikashpandit2300 3 ай бұрын
Its really helpful!!! generally I'm not doing the comment in videos but this video is really awesome. cheers!!! Well done
@letsprogram30
@letsprogram30 3 ай бұрын
Thanks man! I really appreciate that 🙂
@alpsprajapati
@alpsprajapati 3 ай бұрын
Loved it.!! Thanks for the tutorial.
@letsprogram30
@letsprogram30 3 ай бұрын
I’m glad you liked it!
@anushaag6156
@anushaag6156 17 күн бұрын
Thanks! I have watched many NGRX videos, but I found them difficult to understand. Finally, I came across your video, and your explanation made it easy for me to grasp. I could understand NGRX's lifecycle, imagine how it works, and comprehend it in my own way.
@letsprogram30
@letsprogram30 17 күн бұрын
@@anushaag6156 nice to hear that 🙂
@iakivpekarskyi1631
@iakivpekarskyi1631 4 ай бұрын
thank you for simple explanation!
@letsprogram30
@letsprogram30 4 ай бұрын
You’re welcome 😉
@sonalishukla1918
@sonalishukla1918 5 ай бұрын
great video
@mig151991
@mig151991 6 ай бұрын
This is the best video about NGRX that I found so far. Appreciate your work a lot, and would be very nice to see the cart video with more complex code :)
@letsprogram30
@letsprogram30 6 ай бұрын
You can find that video in the Live section
@mig151991
@mig151991 6 ай бұрын
Ops I missed it! I'm going to watch it right now then! Thanks a lot 😁@@letsprogram30
@kurumallasrinivas7393
@kurumallasrinivas7393 7 ай бұрын
Thanks for the video Sashi and Yes please do that add to cart and continue this series. Thank you so much for sharing knowledge even on weekends by taking live classes.
@letsprogram30
@letsprogram30 7 ай бұрын
Will so that video live on KZbin next Sunday. Live coding will be fun 😉
@kurumallasrinivas7393
@kurumallasrinivas7393 7 ай бұрын
Live coding will be more helpful.@@letsprogram30
@DeepakYadav-ic7sd
@DeepakYadav-ic7sd 7 ай бұрын
​​@@letsprogram30Thanks❤ for making such an informative video and providing knowledge. Your videos are really helpful in my learning angular journey thanks a lot again ❤
@letsprogram30
@letsprogram30 7 ай бұрын
@@DeepakYadav-ic7sd this is so overwhelming, thanks for such a good comment ❤️
@vinod_vs
@vinod_vs 7 ай бұрын
Than you so much sashiii. Great explanation. Need more example of ngRx statement 🎉🎉🎉
@letsprogram30
@letsprogram30 7 ай бұрын
Thanks for your comment ❤️ Yes will surely do some more project with Ngrx to explain it more!
@kiranshinde03
@kiranshinde03 5 ай бұрын
I was moving here and there for just this ngrx store 🙂 but you are the one stop solution bro ❤‍🔥😁
@letsprogram30
@letsprogram30 5 ай бұрын
Thanks man! I’m glad that I was able to help you!😁
@MG-wx8yx
@MG-wx8yx 6 ай бұрын
This was actually fantastic. You made a very difficult Angular topic look very easy. I would love to see some advanced stuff of NgRx from you if you can make time, as well as the other remaining part (Effects and Services). Blessings to you.
@letsprogram30
@letsprogram30 6 ай бұрын
Thanks for the feedback ❤️
@ferventurart
@ferventurart 4 ай бұрын
Great video, explain very well !!
@letsprogram30
@letsprogram30 4 ай бұрын
Thanks!🙏
@nikitashidture7955
@nikitashidture7955 6 ай бұрын
Thank you for such an amazing video. Please make more videos related to advance concepts of angular
@letsprogram30
@letsprogram30 6 ай бұрын
Sure thanks 🙂
@huhume8389
@huhume8389 Ай бұрын
Thanks for clear explanation
@letsprogram30
@letsprogram30 Ай бұрын
@@huhume8389 I’m glad it was helpful 🙂
@achyutkumarsingh7308
@achyutkumarsingh7308 2 ай бұрын
Tnx for explaining all these concepts
@letsprogram30
@letsprogram30 2 ай бұрын
You’re welcome 😉
@adarshadhi1889
@adarshadhi1889 7 ай бұрын
Thank you sashi .. Please continue the topic and please do it for the cart component.
@letsprogram30
@letsprogram30 7 ай бұрын
Thanks for your comment :) I will do the next part live on KZbin, maybe this Sunday 😊
@sakarsr
@sakarsr 7 ай бұрын
Thank you for your time in making this video. The latest addition to the NgRx family is NgRx/Signal which, which is simpler and straightforward. Could you just make a video on it? Good health and have a nice day.
@letsprogram30
@letsprogram30 7 ай бұрын
Thanks you for your comment! Yes it is my todo list. My Moto for this video was to make students understand how this state management system works. Once they get comfortable we can cover those topic with ease 🙂✌️ Merry Christmas 🎅 and have a nice day sir ❤️
@mahdiandalib186
@mahdiandalib186 7 ай бұрын
thx man, you are the best
@letsprogram30
@letsprogram30 7 ай бұрын
Thanks dude!❤️
@miriankhajishvili9980
@miriankhajishvili9980 2 ай бұрын
Great job!
@letsprogram30
@letsprogram30 2 ай бұрын
Thanks man!
@venkateshpamidi7155
@venkateshpamidi7155 7 ай бұрын
Wonderful session ❤
@letsprogram30
@letsprogram30 7 ай бұрын
Thanks Venky!
@rishiraj2548
@rishiraj2548 7 ай бұрын
Great thanks
@letsprogram30
@letsprogram30 7 ай бұрын
I hope the video is helpful to get the basic understanding of NGRX
@BuildTechStack
@BuildTechStack 6 ай бұрын
I love you man! :X
@letsprogram30
@letsprogram30 6 ай бұрын
Thanks! Don’t forget to watch the part 3 of the video where I have explained about the ngrx effects
@robincyril6352
@robincyril6352 4 ай бұрын
Great job brother 😅
@c4chandu1
@c4chandu1 7 ай бұрын
Thanks for informative video. Please create one video on NgRx/Signal.
@letsprogram30
@letsprogram30 7 ай бұрын
Thanks man! Sure it is in my Todo list ✅
@fahim8690
@fahim8690 6 ай бұрын
Your approach of delivering contents is Great.. please make some more advance videos on ngrx...
@letsprogram30
@letsprogram30 6 ай бұрын
Thanks man!
@jeandedieuamani7873
@jeandedieuamani7873 5 ай бұрын
Quality content thanks alot
@letsprogram30
@letsprogram30 5 ай бұрын
Thanks man!
@panawanfarm
@panawanfarm 2 ай бұрын
Thank you so much
@letsprogram30
@letsprogram30 2 ай бұрын
You’re welcome!😉
@pratikgiri_19
@pratikgiri_19 Ай бұрын
excellent
@letsprogram30
@letsprogram30 Ай бұрын
Thank you!
@VijayYadav-jk7ne
@VijayYadav-jk7ne 10 күн бұрын
Awesome clip.... please make it complete so that we should not go for another playlist. Thanks
@letsprogram30
@letsprogram30 10 күн бұрын
Do check my playlist it is already completed
@aabhishakemishra
@aabhishakemishra 7 ай бұрын
Great job brother
@letsprogram30
@letsprogram30 7 ай бұрын
Thanks 👍
@MTSightseeing
@MTSightseeing Ай бұрын
Hi sir can we use the primeng, angular material for production use when building any software product using Angular
@arjunwalmiki1563
@arjunwalmiki1563 2 ай бұрын
very nice
@letsprogram30
@letsprogram30 2 ай бұрын
Thank you🙂
@prashlovessamosa
@prashlovessamosa 6 ай бұрын
Thank you
@letsprogram30
@letsprogram30 6 ай бұрын
You’re welcome 😉
@user-kc7zm6vr1v
@user-kc7zm6vr1v 6 ай бұрын
Very good tutorial bro....
@letsprogram30
@letsprogram30 5 ай бұрын
Thanks man!
@ayeshdev
@ayeshdev 5 ай бұрын
great going
@letsprogram30
@letsprogram30 5 ай бұрын
Thanks man! Make sure to watch the latest video on Signal store. You will love it!
@ayeshdev
@ayeshdev 5 ай бұрын
@@letsprogram30 yeah sure just subscribed to ur channels n started watch tuts pf ngrx..
@sreejithbs7797
@sreejithbs7797 2 ай бұрын
very usefull mannn
@letsprogram30
@letsprogram30 2 ай бұрын
I’m glad it was helpful 🙂
@mohammedfaheem7391
@mohammedfaheem7391 5 ай бұрын
Thank you sir
@letsprogram30
@letsprogram30 5 ай бұрын
You’re welcome 😉
@nikitapatawar4846
@nikitapatawar4846 7 ай бұрын
Thanks for session. Please create one full functionality project of E-commerce.
@letsprogram30
@letsprogram30 7 ай бұрын
Thanks for your comment :) I will do the next part live on KZbin, maybe this Sunday 😊
@manthanmachhi306
@manthanmachhi306 2 ай бұрын
Nice content brother :)
@letsprogram30
@letsprogram30 2 ай бұрын
Thanks man!
@sunnysharma31
@sunnysharma31 Ай бұрын
Please upload videos on Microfrontend Anglar
@dasuninduwara877
@dasuninduwara877 Ай бұрын
Really good tutorial, this is highly recommended as a beginner
@letsprogram30
@letsprogram30 Ай бұрын
I’m glad you liked it
@dasuninduwara877
@dasuninduwara877 Ай бұрын
@@letsprogram30 what should i watch next ?, to understand more about ngrx state management
@letsprogram30
@letsprogram30 Ай бұрын
@@dasuninduwara877 watch the next part on the playlist and then start building some projects
@senthamarai_kannan.
@senthamarai_kannan. 6 ай бұрын
This is new to me, and I feel we need to set up things manually. So, I need to get used to it.
@letsprogram30
@letsprogram30 5 ай бұрын
Just practice! Would be breeze later!
@sujitbehera156
@sujitbehera156 3 ай бұрын
Super..
@letsprogram30
@letsprogram30 3 ай бұрын
Thanks
@neo1675
@neo1675 5 ай бұрын
hey great video have you done the video using ngrx with cart component would love to watch
@letsprogram30
@letsprogram30 5 ай бұрын
Yes you can find that video in the ngrx playlist!
@senthamarai_kannan.
@senthamarai_kannan. 6 ай бұрын
I can relate to the problem and difficulties what i have faced in my day to day work. Great Teacher 👏🏽👏🏽 If possible complete the below bucket list. 1. Rxjs 3. NGRX effects 4. Signal Store 5. Unit testing (no perfect video i came across) 6. Caching & optimization technique 7. New features in angular v17 8. Tonnes of video in react but how angular developer should build project on react. 9. Angular interview questions / machine coding
@letsprogram30
@letsprogram30 6 ай бұрын
Thanks for the idea 💡
@ankitramola4326
@ankitramola4326 6 ай бұрын
@@letsprogram30 Thanks for this great explanation on Ngrx. and yes it will be very helpful if you make some videos on the topics mentioned above.
@letsprogram30
@letsprogram30 6 ай бұрын
@@ankitramola4326 I will definitely deliver all the above topics ✌️
@summerboyparag8361
@summerboyparag8361 5 ай бұрын
which code snippet tool u use how much you pay for it
@rajeshmalakar1966
@rajeshmalakar1966 4 ай бұрын
Thank you so much for very good explanation. Can you also create this for effects with standard folder structure that can be considered as a part of big application. 😍
@letsprogram30
@letsprogram30 2 ай бұрын
Yes, definitely
@rajeshmalakar1966
@rajeshmalakar1966 2 ай бұрын
@@letsprogram30 Thanks again, for taking out time to reply. 🙂
@aabhishakemishra
@aabhishakemishra 7 ай бұрын
Please continue ngrx videos
@letsprogram30
@letsprogram30 7 ай бұрын
Nice, thanks for your comment. Will probably do a youtube live this coming Sunday to teach you more about NGRX state management.
@DwidishSail
@DwidishSail 4 ай бұрын
Thank you for the NgRx tutorial, it is very helpful to understand NgRx concepts. Do you have created Angular v17 tutorial? If yes please provide the link. I'm asking this because I loved the way you explained NgRx. Awaiting for your response. Thanks!
@letsprogram30
@letsprogram30 3 ай бұрын
Not yet
@DwidishSail
@DwidishSail 3 ай бұрын
@@letsprogram30 Okay Thanks for your response!
@arpitpgupta
@arpitpgupta 3 ай бұрын
Excellent tutorial... You should come up with a full fledged angular course on Udemy.
@letsprogram30
@letsprogram30 3 ай бұрын
In pipeline!
@arpitpgupta
@arpitpgupta 3 ай бұрын
@@letsprogram30 please let us know.. also .net core.. I seen few videos for that as well... Please keep up the good work 👍
@wasit-shafi
@wasit-shafi 2 ай бұрын
very informative, i am just curious about if we make separate selectCount, then as our application grows we will have a lot of select for all the different related items from one main state, and assuming we also have many main states, what if we only make 1 select for 1 main state eg counter & we destructure the sub-element/data like 'count' where that is needed... any comments on this approach...?
@letsprogram30
@letsprogram30 2 ай бұрын
We can make store related to per module basis no need to add them in the global state. This was just an example to showcase
@wasit-shafi
@wasit-shafi 2 ай бұрын
@@letsprogram30 I got it, thanks BTW i found you have very good hold on Angular as compared to other videos on youtube i have watched till now. Thank you once again for taking out your valuable time to make videos on youtube
@huhume8389
@huhume8389 Ай бұрын
I have a question: do you we need all these steps in all applications senarios? and if we add api and service interaction ,will we need all other action reducer ,selector functionalities ?Thanks in advance
@letsprogram30
@letsprogram30 Ай бұрын
@@huhume8389 yes, that’s how a application is built with ngrx as state management! For every events on your application you will have to create actions for it and dispatch them accordingly. This make sure that you component is only responsible for dispatching the actions and using the selectors
@abhishekjoshi3751
@abhishekjoshi3751 5 ай бұрын
Do we still need ngrx we have signal now
@mahdiandalib186
@mahdiandalib186 7 ай бұрын
can you teach us how to create breadcrumb using angular
@letsprogram30
@letsprogram30 7 ай бұрын
Sure man! This could be an interesting topic. You want it to be as a shared component right ?
@mahdiandalib186
@mahdiandalib186 7 ай бұрын
thx for replying.... yes if its inside a reusable component it would be great so would only pass the name of each route based on where the user is... and plz also provide and support bradcrumb in child routes also@@letsprogram30
@YashSonje-sz6ju
@YashSonje-sz6ju 3 ай бұрын
Can you please create notes as well for this?
@letsprogram30
@letsprogram30 2 ай бұрын
Good idea, I will create a blog on letsprogram.in
@villagemastilife3456
@villagemastilife3456 3 ай бұрын
Please create add to cart
@letsprogram30
@letsprogram30 3 ай бұрын
I have created it you can find it in my ngrx playlist
@anshunarayan8056
@anshunarayan8056 3 күн бұрын
Bhai ek video add to cart with source code bhi bnao please
@letsprogram30
@letsprogram30 3 күн бұрын
@@anshunarayan8056 I have it already, do checkout the playlist letsprogram.in/videos/playlist/PLc2Ziv7051bY3O2IXVqPlC-Gp1XY2xY1H
@ayeshdev
@ayeshdev 5 ай бұрын
make videos on mean stack
@letsprogram30
@letsprogram30 5 ай бұрын
Yup, next one is on MEAN stack
@ayeshdev
@ayeshdev 5 ай бұрын
@@letsprogram30 please ecommerece app...do make tuts on this stack cause not too much content related to angular on youtube..
@LogUp-uf1th
@LogUp-uf1th 4 ай бұрын
I still did not understand it conceptually. It seemed more like how to configure NgRx than giving intuition, conceptual understanding on why we are doing what we are doing and then implementing it actually. Thanks for the video though!
@letsprogram30
@letsprogram30 4 ай бұрын
I tried my best in less than a hour to explain as much as I can. But thanks for the feedback🙂
@draconianyt5174
@draconianyt5174 7 ай бұрын
i need full propject please on ngrx e commerce
@letsprogram30
@letsprogram30 7 ай бұрын
Will cover it on coming Sunday, will do KZbin live
@draconianyt5174
@draconianyt5174 7 ай бұрын
@@letsprogram30 ok thanks
@Target-xy9wr
@Target-xy9wr 7 ай бұрын
@@letsprogram30 have you recorded the other video?
@letsprogram30
@letsprogram30 7 ай бұрын
@@Target-xy9wr it is available in the KZbin live
@Target-xy9wr
@Target-xy9wr 7 ай бұрын
@@letsprogram30 would you share the link
@techyouturn
@techyouturn 5 ай бұрын
Every thing is good but it should be little bit slow so explanation
@letsprogram30
@letsprogram30 5 ай бұрын
I’m so sorry for your experience! Next time I will try to keep it slow. Maybe for this one you can try making the speed to 0.75x hope that helps🙂
@user-ud6bu6ud7p
@user-ud6bu6ud7p 6 ай бұрын
State Management in Angular - Do I need Redux & NgRx? (2021, Advanced)
24:41
Double Stacked Pizza @Lionfield @ChefRush
00:33
albert_cancook
Рет қаралды 119 МЛН
Smart Sigma Kid #funny #sigma #comedy
00:40
CRAZY GREAPA
Рет қаралды 33 МЛН
КАК ДУМАЕТЕ КТО ВЫЙГРАЕТ😂
00:29
МЯТНАЯ ФАНТА
Рет қаралды 11 МЛН
小蚂蚁被感动了!火影忍者 #佐助 #家庭
00:54
火影忍者一家
Рет қаралды 36 МЛН
State Managers Are Making Your Code Worse In React
13:33
Web Dev Simplified
Рет қаралды 172 М.
Angular 18 is EXACTLY what we needed
9:15
Academind
Рет қаралды 69 М.
Angular Signals: A Beginner's Guide in Tamil | Reactive Programming with Signals
17:18
Magnus Carlsen, Hans Niemann Drama Just Got Much Worse
31:16
GothamChess
Рет қаралды 342 М.
Angular Redux - NgRx Angular, NgRx store, NgRx Effects, NgRx selectors
30:31
Monsterlessons Academy
Рет қаралды 62 М.
NGRX С НУЛЯ ПОЛНЫЙ ГАЙД. Менторинг 31 занятие
2:15:43
🚦Angular Signals Game Changer: NgRx Signal State
11:38
Angular University
Рет қаралды 7 М.
Double Stacked Pizza @Lionfield @ChefRush
00:33
albert_cancook
Рет қаралды 119 МЛН