I bet you can understand NgRx after watching this video

In this video, I give a complete walkthrough of the approach I took to build the state management solution with NgRx for a simple todo application. Although it is simple, we do touch on important points like using effects to save and load data.

0:00 Introduction
0:56 Key concepts
6:21 Creating actions
8:49 Creating reducers
12:03 Dispatching actions
12:41 Creating selectors
14:54 Creating effects
21:23 Configuring the module
21:43 Conclusion

#angular #ngrx #ionic

[sfspmusic]

I had a coding task where I had to use NGRX and absolutely no time. So I chose the shortest tutorial, which was this video, and managed to get a grasp of the concept, and do the task. So I want to thank you, Joshua for making this quick and dirty video.

[mhvd]

These were actually a highly educational 23 minutes. Thank you!

[drissaitkassimusic]

He is not lying that was a damn good explanation 👍

[muhammadmanzarabbas]

Best Ever explanation on the internet,
22 WORTHY MINUTES FOR SURE .

[mikeadkins]

I am preparing for an interview this morning and needed a refresher on NgRx, since it has been a couple years. My wife sent me this and I think I'm going to be okay now.

[Johnathonaaron]

This explanation of asynchronous api fetching was so much clearer then the ones I've been struggling with in React with Redux/Saga. Thank you.

[JBuchmann]

This is perfect, thank you! I love how all the code is pre-written and you just walk us through the steps. And a sample app that is simple enough to make it not so confusing.

As someone using Angular for 5 years, and managing state with RxJs and services, switching to NgRx is a real challenge mentally. It's a totally different way of thinking about state. But this is the general way it works in other frameworks, so it's good to know in Angular also.

[Shineee]

Honestly the most complete and easy to grasp explanation of ngrx, thank you so much for making me break the glass of frontend development 😆

[rianesterhuyse]

As someone just jumping back into Angular, this has been a golden resource. Thanks man!

[Sullivan]

On the project I am currently working on, there was a guy taking care of all the ngrx stuff, but now that guy is not longer working with us, so I needed to understand the basics of ngrx.

Honestly, I analyze our code, and I didn't understand anything.
I have watched some other videos, but I still was a bit confused.
Now, with this video, I finally understood mostly everything, realizing it is actually really easy.

Thanks dude, hope your great work continues helping more people in my situation!

[gboyegalawal]

Nicely done. Simple, straightforward, zero fluff.

[jazy]

Sweeeet! I just found your channel bc I need to start working with ngRx on a project I'm assigned to and this is probably the best approach to explain reducers I found. Thanks a bunch, you've got a new subscriber! Pls keep on your good work.

[BigGingerJake]

I had never seen NgRx before I watched this video. Now I feel like I could easily implement it in a project.
This video was very clear, concise, and extremely informative. Thank you!
First time I've seen your content, and I've immediately subscribed. Bravo 👏

[andif]

Thank you so much for making this video! I have been using NgRx at work for the past year, but I never really understood why I was doing the things I was doing. After watching your code walkthrough something just clicked in my head and everything suddenly made sense.

Keep up the good work!

[tleveque]

This video just confirm what I think about NgRx.... Overcomplicated.... for nothing! I am developing huge professional applications using Angular for the last 5-6 years. I read many articles about NgRx, watch many and still, I don't understand why would I need it. What is the problem we are trying to fix here?? Maintainability? Please!!! This is so complicated and confusing. There is so many part to maintain. This is the total inverse of maintainability. In Angular we have dependency injections and services. We can do everything with that and keep it simple. Maybe React or Vue really need that thing, but not Angular. In addition to my 5-6 years of working with Angular, I also have 25 years of experience of backend development using Java. The most important thing I learned from all those years? Make your code maintainable! Keep it simple. Add comments. Make your code readable. You want your code be be understand really easily by the next developper that will need to go in it to fix a bug or add a feature in 5 years from now. There is nothing more important than that. Nothing. And that Ngrx thing.... well... good luck! It reminds me the way people only swear by reactive form without ever realizing that they can do everything with template driven form with half of the work!

[andrewflorzy]

Thank you for this video!! I’ve watched it probably 5 times over the past few months and this is the first time it’s fully clicked. You explained every part of it very well, I just needed to actually try it out and read their great documentation before I could get my head fully wrapped around the concept.

I finally started implementing it in my own project this week because I know it’s an important library learn, and it’s essential to lean on standardized state management and reactivity as applications grow.

We’re using NGRX in my job, but it has been mostly abandoned as more people touch the codebase who don’t understand how it works. Turns into a mess of random state management techniques and imperative code. I can’t wait to revive this approach in our project!

[Ch]

Thanks for the tutorial; I am just getting into the meat of NgRx and keep feeling like this is the work of a React developer that got so used to Redux and the benefits and decided it should be in Angular though the same benefit from Redux in Angular could be achieved by using a Mediator pattern in a much simpler way. Granted the way reducers are implemented here in the video is simple enough but I have seen some reducers in some of my client's solutions that will make a seasoned dev head spin

[clouds]

This really just seems like redux for angular.. I love it. I have gotten used to rxjs thanks to your well explained videos, i've even went to the point of using rxjs in react.. made me realise how powerful it is as a library, and made me even better at angular.

[ste]

This looks so cool

Just by looking at your component code I can see this is awesome

[rohitjagannath]

very concise and the author sticks to the point. We should make use of this video when we need to quickly brush up our skills on NgRx. Thanks for this video @Joshua