Angular state management with NGRX | NGRX tutorial for beginner | Angular project with NGRX state |
ฝัง
- เผยแพร่เมื่อ 5 ต.ค. 2024
- "🚀 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/ysh...
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/
TH-cam: / @letsprogram30
Instagram: / lets.program
LinkedIn: / sashikumar-yadav
Telegram: t.me/letsprogr...
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
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.
Thanks for such a good feedback and I’m glad that you liked it. This coming Sunday I will be coming live on TH-cam to teach some complex action handling using NGRX. See you on Sunday 🙂
Me too
Can you please share the url link
This is the best tutorial for ngrx beginners. I dont need to watch any other videos. This is a one stop solution.
And this is one of the best comment for this video 😁
Thanks 🙏
amazing explanation i was using angular for 6 months and i didnt know that angular have state management thanks too you your ngrx videos helped me alot
@@priyanshubhatt436 I’m glad to hear about your experience 🙂
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.
@@anushaag6156 nice to hear that 🙂
great tutorial. Helps me understand the concept of NGRX clearly.
Thank you,
@@ቦጊዜለኩሉ-ቘ5ፀ I’m glad you liked it
"You don't need to go anywhere to learn this topic:" Fantastic confidence which you given to us.. Really agreed to your word. thank you so much Brother😍😍😍
@@NarendraK-ux3zz I’m glad you liked it🙂
Thanks man, now all I've been reading about NgRx state management makes some sense.
Great! I’m glad you like it!
Super - i was preparing for an interview and this will help for sure because i never used this - :) Thank you man!!!
@@mathewskb I’m glad it was helpful to you!🙂
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.
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 ❤️
I was moving here and there for just this ngrx store 🙂 but you are the one stop solution bro ❤🔥😁
Thanks man! I’m glad that I was able to help you!😁
Its really helpful!!! generally I'm not doing the comment in videos but this video is really awesome. cheers!!! Well done
Thanks man! I really appreciate that 🙂
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.
Thanks for the feedback ❤️
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 :)
You can find that video in the Live section
Ops I missed it! I'm going to watch it right now then! Thanks a lot 😁@@letsprogram30
Great knowledge shared! thank you so much.. waiting a few more videos on the same (NGRX)
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
Thanks for the idea 💡
@@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.
@@ankitramola4326 I will definitely deliver all the above topics ✌️
thanks for such initiative, there are lesser video on ngrx with latest version in angular, I purchased a course from udemy but finally going through this video. a last request can you make a detailed playlist for the major changes for angular 17, the whole architecture on how it's working behind the scenes, also cover standalone, defer, and mojor changes that came in 17th version, also a detailed video in angular ssr and pwa implementation with latest version ? that would be great for many of them. thanks a ton
@@rishabhprakash thanks for the feedback, and yes will try to come up with such content soon!
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.
Will so that video live on TH-cam next Sunday.
Live coding will be fun 😉
Live coding will be more helpful.@@letsprogram30
@@letsprogram30Thanks❤ for making such an informative video and providing knowledge. Your videos are really helpful in my learning angular journey thanks a lot again ❤
@@DeepakYadav-ic7sd this is so overwhelming, thanks for such a good comment ❤️
Awesome clip.... please make it complete so that we should not go for another playlist. Thanks
Do check my playlist it is already completed
This was actually a great video! Hope you continue with this series!
Yes
Your approach of delivering contents is Great.. please make some more advance videos on ngrx...
Thanks man!
Than you so much sashiii. Great explanation. Need more example of ngRx statement 🎉🎉🎉
Thanks for your comment ❤️
Yes will surely do some more project with Ngrx to explain it more!
Thank you sashi .. Please continue the topic and please do it for the cart component.
Thanks for your comment :) I will do the next part live on TH-cam, maybe this Sunday 😊
excellent
Thank you!
What a wonderful explanation… Loved it!!
Thanks man!
Thank you for such an amazing video. Please make more videos related to advance concepts of angular
Sure thanks 🙂
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!
I tried my best in less than a hour to explain as much as I can. But thanks for the feedback🙂
Same i also did not understand
Tnx for explaining all these concepts
You’re welcome 😉
Very well explained, thanks
Loved it.!! Thanks for the tutorial.
I’m glad you liked it!
Thanks for clear explanation
@@huhume8389 I’m glad it was helpful 🙂
Thank you so much for this tutorial.
Can you please implement for add to cart state management
I have already implemented you can checkout the playlist
Thanks for informative video. Please create one video on NgRx/Signal.
Thanks man!
Sure it is in my Todo list ✅
Thank you very much for this tutorial, it helped me a lot
I also heard about Ngxs it was said that it was an evolution of ngRx could you make a video on how to use it with the differences it has with ngrx?
@@EdwinFom NGRX and NGXS both are used for state management for angular. It’s just different in the way we use them. Ngrx is more of redux pattern while NGXS usage is done using decorator and mutable state
Would recommend to stick to one
Okay thanks Sir
thank you for simple explanation!
You’re welcome 😉
Awesome ❤
Thanks 🙂
Really good tutorial, this is highly recommended as a beginner
I’m glad you liked it
@@letsprogram30 what should i watch next ?, to understand more about ngrx state management
@@dasuninduwara877 watch the next part on the playlist and then start building some projects
Thanks for session. Please create one full functionality project of E-commerce.
Thanks for your comment :) I will do the next part live on TH-cam, maybe this Sunday 😊
This is new to me, and I feel we need to set up things manually. So, I need to get used to it.
Just practice! Would be breeze later!
Excellent tutorial... You should come up with a full fledged angular course on Udemy.
In pipeline!
@@letsprogram30 please let us know.. also .net core.. I seen few videos for that as well... Please keep up the good work 👍
Nice content brother :)
Thanks man!
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!
Not yet
@@letsprogram30 Okay Thanks for your response!
Great video, explain very well !!
Thanks!🙏
Please upload videos on Microfrontend Anglar
very usefull mannn
I’m glad it was helpful 🙂
hey great video have you done the video using ngrx with cart component would love to watch
Yes you can find that video in the ngrx playlist!
Please continue ngrx videos
Nice, thanks for your comment. Will probably do a youtube live this coming Sunday to teach you more about NGRX state management.
Wonderful session ❤
Thanks Venky!
Hi sir can we use the primeng, angular material for production use when building any software product using Angular
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. 😍
Yes, definitely
@@letsprogram30 Thanks again, for taking out time to reply. 🙂
Thank you so much
You’re welcome!😉
Great job!
Thanks man!
Very good tutorial bro....
Thanks man!
Quality content thanks alot
Thanks man!
thx man, you are the best
Thanks dude!❤️
very nice
Thank you🙂
Great job brother
Thanks 👍
Great job brother 😅
great going
Thanks man!
Make sure to watch the latest video on Signal store. You will love it!
@@letsprogram30 yeah sure just subscribed to ur channels n started watch tuts pf ngrx..
Please create add to cart
I have created it you can find it in my ngrx playlist
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
@@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
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...?
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
@@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
Thank you sir
You’re welcome 😉
great video
Thank you
You’re welcome 😉
Super..
Thanks
Great thanks
I hope the video is helpful to get the basic understanding of NGRX
I love you man! :X
Thanks!
Don’t forget to watch the part 3 of the video where I have explained about the ngrx effects
which code snippet tool u use
how much you pay for it
Can you please create notes as well for this?
Good idea, I will create a blog on letsprogram.in
Do we still need ngrx we have signal now
Bhai ek video add to cart with source code bhi bnao please
@@anshunarayan8056 I have it already, do checkout the playlist letsprogram.in/videos/playlist/PLc2Ziv7051bY3O2IXVqPlC-Gp1XY2xY1H
make videos on mean stack
Yup, next one is on MEAN stack
@@letsprogram30 please ecommerece app...do make tuts on this stack cause not too much content related to angular on youtube..
can you teach us how to create breadcrumb using angular
Sure man!
This could be an interesting topic.
You want it to be as a shared component right ?
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
i need full propject please on ngrx e commerce
Will cover it on coming Sunday, will do TH-cam live
@@letsprogram30 ok thanks
@@letsprogram30 have you recorded the other video?
@@Target-xy9wr it is available in the TH-cam live
@@letsprogram30 would you share the link
Every thing is good but it should be little bit slow so explanation
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🙂
August 9th 2024. ⚡