useReducer is BETTER than useState | React Hook useReducer Tutorial

[@DaveGrayTeachesCode]

The useReducer React hook seems more complicated at first, but after you learn how to use it, useReducer really simplifies state management compared to tracking many different pieces of state that are all implemented with the useState hook. Once you learn about the useReducer hook, I think you will agree! Just getting started with React? If so, I recommend starting with my 9 hour full course React tutorial here: kzbin.info/www/bejne/iIepcqx8jLRnndE

[@Tajdev]

You have not demonstrated how to pass it to component. Please also make video of it.

[@m1dway]

@@Tajdev just pass it in an input parameter. Ex:

[@andrews13]

Tried many tutorials for learning useReducer, but got confused more only. Finally I found this video which is the perfect one!! Simple, great & straight forward!

[@DaveGrayTeachesCode]

Glad I could help!

[@jingli9232]

the best tutorial for useReducer, super clear and simple to understand, what a teacher!

[@DaveGrayTeachesCode]

Glad it was helpful!

[@pablocodeglia]

What a great and easy-to-get explanation for a pretty confusing topic. Excellent work, thanks Dave!

[@DaveGrayTeachesCode]

Glad it was helpful!

[@SagarKumar-db2xy]

Hands down the best tutorial. I am writing this comment after watching maybe 20+ videos and that too from top youtubers, but no one really simplified this much. I just have a request, please make a medium size project using useContext for global state management and useReducer to change them. Pls.

[@DaveGrayTeachesCode]

Thank you, Sagar! I appreciate the request, too. I do need to post some projects. 🙏💯

[@minimumt3n204]

Showing how its similar to useState and rewriting it using useReducer makes it so much more clear! Thank you!

[@DaveGrayTeachesCode]

You're welcome!

[@zb2747]

Best tutorial and explanation I found - thank you Dave!

[@DaveGrayTeachesCode]

Glad it was helpful!

[@internetdrew]

There are a lot of great people teaching these subjects but wow you just made that simple. I just built a fullstack app and most the hold up was micromanaging pieces of state. Going to implement useReducer from here forward.

[@DaveGrayTeachesCode]

Glad it was helpful!

[@try-b2k]

I was having problems in learning reducer from a week or so and this video changed evrything, thanx a bunch

[@ssj1260]

It's gotten to the stage where, if i'm unsure about something I just type in "question + Dave Gray" to youtube. You have no idea how amazing it is to have a reliable source of information, when I was researching closures I came across so much conflicting information, after your video on them I vowed to make sure I looked at your videos as the main source of truth, they are clean, efficient, well explained and professional. Thanks Dave.

[@DaveGrayTeachesCode]

That's the best compliment I could ask for! Thank you! 💯

[@jonathanmcgee654]

Amazing. I was really lost in why and how to transition from useState to useReducer. Dave walks us through it step by step! Great examples and explanations! Thank you!

[@DaveGrayTeachesCode]

Glad it was helpful!

[@purushottamkute7485]

I'm literally in tears I watched so many tutorials of useReducer but this one is hands down the best one

[@verydifferentthought]

I was really having the problem of Redux stuff... But now I can understand where idea of Reducer came from but also dispatch, action and payload which looks like complicated stuff but after your explanation and I got the whole point of the thing. I am grateful of your amazing work from Uzbekistan !

[@DaveGrayTeachesCode]

You're welcome and hello 👋 to Uzbekistan!

[@arungrg]

Felt so much like small scale Redux. Loved how you explained everything. Great job 👍

[@DaveGrayTeachesCode]

Thank you!

[@El_kammex]

Now I Understand more what we need useReducer hook. Great job.

[@BrainAido]

Buddy i am probably very late, as i now just started my interest in React ( company switched to some React based CRM ) , i came to thank you X milions for putting together this video, i finally understood state and it ticked in my head as now you gave me a visual representantion in my brain, please accept my thanks i wish you the best.

[@TrueSQN]

I'm from Poland, and for explaining word "dispatch" you have my subscription :D love ya lessons

[@DaveGrayTeachesCode]

Thank you!

[@felixlutrovnik345]

must admit, i saw at least 5 videos to understand useReducer hook. the only one that was fully understandable for me was your video ! thank you, and keep your great job at explaining fully professional topics for young devs.

[@maxwellosuji4096]

Thank you very much sir. I’ve been having difficulties learning the useReducer hook. I get more confused reading articles and watching other videos. But thankfully You’ve explained and broken down the what, why and usage of this particular hook. I’m so grateful it’s a thumbs up for me👍

[@DaveGrayTeachesCode]

Glad it was helpful! 💯

[@kaioqrz]

Thank you Dave! After so much time trying to understand the useReducer I finally made it! Thank you man!! :D

[@DaveGrayTeachesCode]

You're welcome! 💯

[@stokedonthestoke]

Thanks so much! Used this before I attempted to use useReducer in my app and then felt way more confident about what I was going to do. Your vidoes are great, really appreciate it. When I have questions about something I try to find a video from you first!

[@DaveGrayTeachesCode]

Great to hear!

[@johnforeverrules]

i don't know whether you will see this comment or not. i just wanted to thank you for making such a high quality, easy to understand tutorial. God bless you sensei.

[@vincejones3381]

Great example and explanation! I haven’t seen the true value of useReducer until this video and I have been learning React for years.

[@flowerofash4439]

i lilke the way you explain this, you speak "human" thats rare to have as a programmer and very important for a teacher! subscribed!

[@DaveGrayTeachesCode]

Thank you!

[@javadrip]

Watched many useReducer tutorials and this is the best! Simple, easy to follow and no digressing halfway.

[@DaveGrayTeachesCode]

Thank you!

[@MuhammadBilal-ry5rb]

Thank you so much SIr Dave I believe you are one of the best Programming instructor in the world right now all programming stuff available in your channel for beginners, intermediate and even for experts as well Thank you so much for your efforts and contribution I'm following you from last 1,2 months for ReactJS you are just amazing teacher I found on this platform Huge Love from Pakistan

[@codingispower1816]

So true.

[@Andi-rd8yf]

Exactly what i was looking for, really appreciate your work buddy!

[@FitzroydeSilva]

Very clear, I was struggling to understand the concept of useReducer.

[@4t196]

This was easy easy to understand. The best useReducer tutorial so far.

[@DaveGrayTeachesCode]

Glad I could help! 💯

[@amancandream]

Went through a couple videos about useReducer and was about to give up and go back to Vanilla js lol. But you explained things super well!! Thanks so much! Subbed!

[@DaveGrayTeachesCode]

Glad I could help!

[@hamzapaskingakhtar]

Coming here from NetNinja MERN course. I was stuck on the Context part where useReducer was used. This was really a great video. Great teaching, really matches with my way of learning (spoon feeding) :P. Overall, thank you professor.

[@DaveGrayTeachesCode]

Glad it was helpful!

[@mtsurov]

Best explanation so far. Appreciate you making this tutorial.

[@DaveGrayTeachesCode]

Glad it was helpful!

[@iidiez872]

Best tutorial for useReducer , you made it really easy to understand.

[@DaveGrayTeachesCode]

Thank you!

[@ilivetruth]

Thank you for the video and explanation, much easier to understand than the docs!

[@danielconde2729]

Excellent explanation! I was so confused using reducer

[@DaveGrayTeachesCode]

Glad it was helpful!

[@leoMC4384]

Great content. I implement useReducer in my project for a form that fetches values from my API to several menus, the user chooses data from the menus and the UI gets updated and the entire form data it's validated at the same time. With useState, it got pretty messy. Now with useReducer it's much better, even though my reducer function got quite long. 😀😀😀

[@CottidaeSEA]

Thankfully the work in your reducer can also be delegated to separate functions.

[@focusroom_]

This is THE BEST tutorial for useReducer, tysm!

[@DaveGrayTeachesCode]

You're very welcome!

[@dmitriipe4kin838]

Man thanks for this video it amazing video, I am from Moldova near Ukraine and my mind full of war between Ukraine and Russian, and I drank 1.5l of beer but when I started wach this video my mind forgot all problems and think about - it amazing and how simple to use it

[@DaveGrayTeachesCode]

Glad I could help, Tigra! 💯🙏

[@syeds8314]

Many Thanks for the video!❤ After watching and studying several resources, your video made things clear to me.

[@confusedGuenni]

I finally got it. Well done tutorial, thank you.

[@toppmoviehighlights]

Actually tried the useReducer hook for the first time yesterday..... This has provided a valuable insight to what useReducer really is. Good job.

[@DaveGrayTeachesCode]

Thank you! 🙏💯

[@ahmedk4345]

best explanation i came across, thanx Dave...keep it up!

[@Jawad_Siddiqui]

God gifted teacher😀Thanks

[@DaveGrayTeachesCode]

Thank you for the kind words, Mohammed! 🙏🙏

[@mattstopa9436]

Thanks for giving a practical example

[@DaveGrayTeachesCode]

Glad it was helpful!

[@abdulazizmashrabov6399]

Thanks. You are hero. Awesome way of teaching. Hope you make more advanced blogs for react

[@DaveGrayTeachesCode]

Thank you! 🙏

[@adi4057]

The best video to understand this concept. Thank man!!!

[@DaveGrayTeachesCode]

You're welcome!

[@RS-iy2bm]

The best tutorial i watched that made it all easy.

[@DaveGrayTeachesCode]

Glad to hear that!

[@sadamali6691]

Waaaw thank you teacher dave greating you from somalia🇸🇴

[@DaveGrayTeachesCode]

You're welcome, Wiz! And hello to Somalia! 👋

[@AndreeaCozariuc]

Dave, you are a blessing. Thank you ❤‍🔥

[@DaveGrayTeachesCode]

You're welcome!

[@barreg17]

I finally understood it. Massive thank you!

[@DaveGrayTeachesCode]

Glad it helped!

[@umairqamar2672]

this is super duper amazing. Thank you Dave

[@DaveGrayTeachesCode]

You're welcome, Umair!

[@hannah51238]

This is such a great explanation of useReducer! Thanks very much Dave 😍

[@randomtalks5253]

You are simply Love!! Such a great video. Helped me alot. Clear toThePoint conCise and compreHensive❤

[@Un0Real333]

Just brilliant! I did so much refactoring and made my code look better and more reusable, after watching your videos, keep up the good work!

[@DaveGrayTeachesCode]

I'm glad I could help!

[@broomybroomybroomy]

Man, thanks so much for explaining how to update multiple object properties in the same statement. I was pulling my hair out trying to figure out how to do what you did with the spread operator. I was changing one thing with useState and it was wiping out everything else in the object

[@DaveGrayTeachesCode]

Glad it helped! 💯

[@dranix5018]

Very clear and well explained! Thanks.

[@DaveGrayTeachesCode]

Glad it was helpful!

[@neo90sr]

Very nice explanation. I had some trouble understanding this, but now it's all clear

[@DaveGrayTeachesCode]

Great to hear! 💯🚀

[@harisharris5902]

Watched this topic on Udemy course, got so confused there 😖, but your explanation is superb! You have lovely tone to your voice I could listen you for hours!

[@DaveGrayTeachesCode]

Glad it helped and thank you for the kind words! 🙏

[@OnlyPlayStation5]

The best video I watched for usereducer, can you please do all react hooks

[@DaveGrayTeachesCode]

Thank you! My React Hooks playlist has most: kzbin.info/aero/PL0Zuz27SZ-6PSdiQpSxO9zxvB0ns6m3ta

[@anaslaraki]

the best tutorial on the topic

[@DaveGrayTeachesCode]

Thank you! 🙏

[@JedOpeningThings]

Thank you! This is prolly the cleanest and best video for the useReducer hook I can find!

[@DaveGrayTeachesCode]

Glad it was helpful! 💯🙏

[@clevercoderjoy]

wow this has been so helpful I was able to implement this in my project

[@DaveGrayTeachesCode]

Glad to hear that!

[@joseff5998]

Thank you so much Dave! I was really trying to understand the use Reducer. This was so clear!

[@DaveGrayTeachesCode]

Glad I could help, Josef!

[@BabaNoami]

Thanks. Very clear explanation. My first real intro to useReducer. Looking forward to putting it into practice.

[@DaveGrayTeachesCode]

You're welcome, Noam 🙏💯

[@gogas2860]

Wow, the best explanation of usereducer hook, I've ever watched. Thank you very much!!!

[@DaveGrayTeachesCode]

You're welcome! 💯

[@Pareshbpatel]

The benefits of deploying the useReducer Hook, so beautifully and succinctly described. Thank you, Dave {2022-04-11}, {2022-08-02}

[@DaveGrayTeachesCode]

You're welcome, Paresh! 🙏

[@AvinashSingh-ts1cn]

Thanks a ton for sharing your knowledge. I am now a subscriber to your channel and found some other best videos. Thanks a lot man

[@DaveGrayTeachesCode]

You're welcome! 💯

[@SimPwear84]

Nicely explained! Short, sweet and straight to the point. Thank you

[@DaveGrayTeachesCode]

Thank you! 💯

[@jamshidtashkent1976]

Thank you Dave. It is really cool

[@DaveGrayTeachesCode]

You're welcome!

[@shayanfaghihi]

Wow! You rocked it; Thanks Dave for this super and comprehensive video. I watch the very first second of the video, and I could run the app by myself. The rest was for better understanding 😉

[@DaveGrayTeachesCode]

You're welcome, Shayan!

[@muhammedozalp]

Thank you bro. This is a very good tutorial.

[@fabricio-garcia]

What a great way to teach concepts! Subscribed to the channel already.

[@DaveGrayTeachesCode]

Welcome aboard!

[@prankurpandeyy]

Been struggling on this topic for a month now i will first make all things in usestate , then covert all that into reducer

[@DaveGrayTeachesCode]

Good plan! It will help you understand the difference 💯

[@benarcher372]

Excellent. Now I know what to replace Redux with in my small projects.

[@DaveGrayTeachesCode]

Right on Ben! 💯

[@ebesquin]

Thank you so much. As always a great tutorial

[@DaveGrayTeachesCode]

You're welcome!

[@wahhaab7]

Thx a lot, finally understood this

[@DaveGrayTeachesCode]

Glad it helped! 💯

[@ashharkausar413]

Instructive as always. Wish I had seen this video earlier it would've made my code much more optimal!

[@DaveGrayTeachesCode]

Glad it was helpful!

[@Programming162]

thank you very much you saved my time

[@ihateorangecat]

this is the video that i learnt useReducer hook and i equipped the knowledge to making a todo app all by useReducer without using useState. thanks!🙌

[@DaveGrayTeachesCode]

Great to hear! 💯

[@tomnewton3191]

Great video, very clearly explained. Thanks, Tom

[@DaveGrayTeachesCode]

You're welcome, Tom!

[@juhairahamed5342]

Good explanation related useReducer

[@DaveGrayTeachesCode]

Happy to help!

[@fatbubble123]

So the idea is to withdraw perfectly good functional programming and instead opt for additional boilerplate code? Great tutorial. This really helps me to understand use reducer. This is well made and informative.

[@DaveGrayTeachesCode]

Glad it helped out!

[@kamaboko1]

Great video. Subscribed!

[@DaveGrayTeachesCode]

Thank you! 💯

[@phucwall121]

Thank you so much Dave

[@DaveGrayTeachesCode]

You're welcome!

[@sdfsdfsdffdsfsdfsd123]

very well explained as always. THANK YOU

[@DaveGrayTeachesCode]

You are welcome! 💯

[@gezafiqrullah5321]

thank you mr.dave :)

[@DaveGrayTeachesCode]

Welcome!

[@ahmedmohned387]

Thank you very much for this wonderful tutorial.

[@DaveGrayTeachesCode]

You're very welcome! 💯

[@abdallahazouz5948]

nice explanation ...thanks for helping me :D

[@DaveGrayTeachesCode]

You're welcome!

[@THEJOAMS]

That helps me a lot 🙏

[@DaveGrayTeachesCode]

Glad to hear it!

[@filippocamagni]

Brilliant! Thank you so much!

[@DaveGrayTeachesCode]

You're welcome! 💯

[@djelasrca8091]

Thank you for greath explanation

[@DaveGrayTeachesCode]

You are welcome!

[@pedrojunior4516]

Great tutorial.

[@DaveGrayTeachesCode]

Thank you!

[@nikwotten1804]

thank you dave

[@DaveGrayTeachesCode]

You're welcome!

[@sonamohialdin3376]

Awesome tutorial

[@DaveGrayTeachesCode]

Glad you liked it! 💯

[@sonamohialdin3376]

@@DaveGrayTeachesCode Thank you

[@Scorpion2321-o9o]

I mean the concept is all good, but it's annoying using three different change methods to just change the state that could be done with just addToogle((prevState) => !prevState) or addToogle(false/true). But I know that in huge projects you could have a way better overview of your state changes with useReducer rather than with useState. I already looked over the redux project, maybe you could do something with Typescript and React as well, to get an idea of Types in JS. The Videos are great and help me a lot, in school and on personal projects, I appreciate this kind of knowledge that is provided one click away, keep going 👍. And I like the side notes that you give, such as ,,Read the documentation is also a skill that you need" and so on.

[@DaveGrayTeachesCode]

Thank you for the feedback! 💯

[@engiuser-m7p]

Wow! Thankyou!!!!!

[@cleancode2123]

Nice explanation of useReducer. 🙏

[@DaveGrayTeachesCode]

Thank you!

[@m.ahsani0076]

thanks this works for me

[@DaveGrayTeachesCode]

You're welcome!

[@oncoding4520]

its funny I was looking for this concept since 2 days ago.... of course I found out your video bcs I have seen another videos and i Know you are a great teacher but somehow I felt it naaahhhh maybe Dave will complicate this bcs you go through the concept and I will go confused. So lets see Dave another time.... and searching through the KZbin i saw a lot of videos and they were ok but didnt go now on more deep :D LOOOl so when I was opening you video i remember that on some video they didnt update the state with their previous state when they did the counter and I know that you have a video how to update counter from previous state and I was thinking... "those guys are wrong :D I know this thing for sure"... so opened your video since in the beginning I know that you update your useState correctly (lool) so i though OK am gonna watch Dave now... So as always spent to much time comparing and i understood this concept perfectly from you hahah after missing some hours :)))

[@DaveGrayTeachesCode]

Glad you made it back! 💯🚀

[@harag9]

Great vid Dave, many thanks for this. Just a couple quick questions, but I'll have a play anyway. 1. I take it when you despatch(xxx) that then does a rerender just like if you do setColor(true) 2. useEffect - if I wanted to fire off some code when the count changes I would use setCount(23) and then add a dependency on the useEffect to maybe fire off an API. Is it the same here, would we just put state.count in the useEffect dependency ?