Learn React useReducer Hook with Examples

React useReducer tutorial. How to use useReducer? When to use useReducer? useState vs useReducer. useReducer best practices and more.
For more projects you can support Lama Dev:
Join: / @lamadev
Buy me a coffee: www.buymeacoffee.com/lamadev
Join Lama Dev groups
Facebook: / lamadev
Instagram: / lamawebdev
Discord: / discord
Twitter: / lamawebdev
Source Code: github.com/safak/youtube2022/...
0:00 What is useReducer Hook?
01:03 useState vs useReducer
03:23 useReducer Tutorial
09:03 useReducer Form Example

[@emilworken7635]

Probably one of the best explanations I've seen on React Hooks. What i particularly like is the structure of the video: 1) Introducing the hook and it's use cases in short 2) Explain alternative methods (useState) that are easy to use , although can be made better (useReducer) 3) Start with an easy example and structure of Syntax 4) Progress to more advanced example The pace is perfect and explanations are top-tier. Really liked how you built in a useRef example as well, as this is something that junior devs can have a similar feeling around when it comes to use it compared to e.g useState and handleChange for a specific input-field. 10/10.

[@shujin9027]

He forgot to say "use mobx" at the end

[@nirmalshah9947]

There we go, there we fucking go. Was just wondering the other day when I watched the junior dev mistakes videos that I wish Lama would make one on useReducer and you read my mind!

[@ramiov3862]

I've realy never seen any one who explains React hooks so well and all it's possible uses as well as what mistakes to avoid, This kind of knowledge is really what we are missing as junior developers, And i realy appreciate the effort man Thanks !

[@a4yster]

Not sure why its easier to understand your way of explanation but it definitely is. Probably it's about voice - you are very calm and well paced. Like Neagoie is overly ecstatic, Schwarzmuller is explaining like he is a drill sergeant in the army, Fireship takes an entire 3.7 seconds to explain even the most complex topic. You, meanwhile, keep the consistent pace.

[@SushilKumar-ig8ls]

Such a simple explanation and great way to handle large states. LOVED IT ♥

[@FoodBitesTV]

This tutorial is really great! I appreciate the extra effort showing process diagram and explanation on each parameters&arguments which actually help to better understand. thanks a lot

[@LakmalHckz]

Usually, I'm so lazy to write a comment. But just wanted to mention how great your tutorials are! Even the react doc itself didn't explain the hooks this well. Please continue to create more and more great contet! Thank you!

[@jasonlu6405]

This is so informative but easy to understand! Please make a series about Hooks and their use cases. Thanks in advance!

[@karthikraju6225]

This is such an amazing series about React hooks. Will be using this a lot for reference. Thank you so much!!!

[@alfathmuqoddas6986]

Your tutorial is always simple, concise, and easy to follow, thank you!

[@berrieberrie1555]

ahh really loves how you teach us, simple and touch the basic fundamentals of JS/React ^^ thank you sir

[@morphine496]

Daaamn, exactly what I was looking for, I have a job interview in 5 days and this is going to help me a lot with the app I have to create. Thanks for sharing this with us Lama.

[@alidurul2597]

Yeah this is the video I was looking to watch for this topic. Thank You ..

[@MathaGaram]

There are lots of people who know the concepts very well, but very few can explain to the pin point. This guy is on of them.

[@gamergently]

Man! This is the easiest to understand tutorial I have tried many times and read many articles. THank you!

[@kenhard]

Clean explanation, easy to watch, and overall great video, this is really helpful. Thank you so much!

[@zillboy]

Dear Mr.Lama Dev, Keep these videos coming, this helps improve us going from junior to senior dev. :)

[@luizarnoldchavezburgos3638]

Lama keep doing this serie of videos. I will support you, I have shared to my friends too. Thanks for the explanation.

[@bilpo4729]

Thank you for this amazing example!

[@osho4609]

No words for the knowledge man!

[@webhook4729]

Awesome Video...Always Wating for lama's tutorial

[@marvikfr]

Hey Lama ! Big "Merci" from a french guy in France, for all your videos and explanations very clean !!

[@CCDEJENE_]

Thanks for the clear explanation!

[@nithish1742]

One of the best explanations I have ever seen

[@dubaifatimaali]

Definitely going to try it. Thanks and keep on posting.

[@mehmetnadi8930]

please do not stop making awesome tutorials! laerned so much from you! thank you

[@estebansalazar5194]

grats bro, your explanation was so well. I just started to work in my job with context accompanied by useReducer and typescript and i had been so confused principally because i hadn't had experience with this hook so far. But this video lit me up like the morning lights. Thanks so much i appreciate your effort doing this kind of videos :)

[@andrijadenic4586]

I can't belive how awesome you are! Please keep teaching us in simple English as you do. Wish you all the best!

[@ShubhamSingh-gk8vp]

Omg i was just learning useReducer ! Awesome video !!!!!

[@digvijayyamagekar4300]

after watching 10 videos could not understand anything then luckily found this one the best and easy explantion for useReducer hook thank

[@mraaroncruz]

Dense and well explained. Thank you!

[@discoveryspecial903]

Thanks, Lama Dev for posting the video on useReducer(), is very useful to us! Easy & Understood!

[@salahaldeenalshaikhkhalil6328]

I was trying to understand useRedusers hook, I couldnt understand it till I watched your video. THANKS.

[@francescoPace27]

You are such a great teacher! Thank you very much for your work and keep going!

[@nageshwararaov118]

You are really helping us a lot with these tutorials, keep continuing..

[@user-wx7vq6pb2v]

Clean explanation ❤, Thank you so much

[@letsdoitsatumare]

Great work, Lama!

[@jonaskromwell4464]

Thank you for the explanation. I find this surprisingly familiar. I have structured many of my functions in just this way without ever realizing useReducer's function. I often use enums to enforce types and nrver have to worry with passing strings or misspelled parameters. I don't see as much use for useReducer as I had expected. Thank you for the clarity.

[@saljeshmaharjan6760]

such a wonderful explanation, thank you

[@nikolaskadric7093]

best tutorials on youtube, love your work bro ❤

[@codingandEnglishlearning]

I like the way he explained everything about useReducer hook 🪝 in detail. I found the resources very helpful after a series of searches on KZbin. Much much better explanation. Thanks for sharing valuable information. 😀

[@rpesc7918]

I've steered clear of useReducer because I thought it was just to complex, but you just changed my mind. Very well written and explained 💯. Could you cover navigation & routing at some point. The react router can get crazy when having nested routes 🤔

[@kishoreandra]

yet another informative video, thanks Lama 🙌

[@chamonmath7688]

This is very helpful. It's one thing to explain it, but the way he shows visually where things go with his cursor how things are connected, and it goes from here to there. Even gives a little flow chart and uses an example that I'm used to seeing with useState and then shows it's similiarty on how it's done with useReducer and cleans up the code. All around Great stuff the video was short too. 👍

[@user-vu9dl3vn7l]

This video is really helpful! Thank you so much! ❤

[@georgesword2012]

Thanks ❤ One of the best tutorials about useReducer hook ❤️

[@alainrakotoarivelo7651]

Thank you for sharing this tutorial about useReducer ❤

[@asvicnal8483]

This really helps a lot, Thanks.

[@ngouendgerard4114]

Thanks you Lama Dev, I use these hooks for months bit it still seems confuse to me, but when come to your tutorials and explanation. I got right what's happening and I'm very delighted. Thanks you for your so concern for us. It's amazing Dev Lama

[@user-og4yo1kh9u]

Great explanation Lama Dev

[@gustavomanca]

This is one of the best explanations I've ever seen 🙌

[@Fer0710]

This is a great explanation on how to implement the userReducer hook

[@kamonahmedreal]

love you sir, been wait for a long time

[@learningRedux]

Thank you, so helpful!

[@mohammed.haydar]

This is absolutely and beautifully explained

[@hn031]

Thanks, man. Subscribed.

[@usmanmalik3575]

Lama thank you so much for everything, you are a true legend 🙌🙏

[@rastapoile]

Thanks a lot for your videos !

[@shahemhaddad2717]

Man your videos are fabulous keep going 👌

[@wahidsakib]

I was struggling with useReducer, Oh man! You saved me.

[@xcrxwadda8287]

Thanks for this... keep dropping such topics ... very helpful , God bless you Lama

[@testingaccount5867]

i felt like you even touched me the context api and redux which i had a hard time learning it for months.

[@nicodipi]

Great video man!

[@zuzukouzina-original]

You’re very good bro! You make me a senior dev!!!

[@bhavyakothari9667]

Amazing explanation. Wonderful and useReducer is unforgettable now :)

[@MikdanJey]

Excellent explanation 👍🏼

[@psyferinc.3573]

i so love your process.

[@thesouthsidedev1812]

Thank you fro this series

[@kvazimode2]

Bravo! Thank you!

[@alexandrsachishin962]

thats nice, thanks you so much! I would like to add two tips: 1) we can create actions and action creators like in redux to handle different action types 2) we can create general action type for increasing and decreasing count because the difference here is only in the number (positive or negative)

[@jayantvasantkenjalkar6798]

you are awesome, a quality explanation i can see here !!

[@harvard004]

This it the best useReducer tutorial on the web.

[@davidmukalay3536]

One of the most useful React skill have learned so far

[@user-ty5pd4xw2y]

thanks Lama! for your excellent tutorials and content! by thank you I mean joining the sponsoring group))

[@LamaDev]

Thanks for your support :)

[@luanalves3419]

Great content!! greeting from Brazil

[@Abhisumant03]

U said it and u did it . "If u have playlist u will definitely save this video there and yus i did ." One of the best video ever for usereducer hook ❤️❤️❤️❤️ thanks . Pls keep making such small videos by taking these important topics .

[@parmaryash4406]

Amazing series

[@mishucodes6982]

Amazing video thank you so much bro ❣

[@loyaltythameem]

Wow really awesome 👍😎. Thanks brother

[@ToumaRenshi]

I don't know how else to comment here. This is the most understandable and very explained how to use useReducer for beginners. I watched a few videos, but this material is a golden shot. Greeting from Poland. :)

[@orashusedmund7675]

thank you very much sir. this was so clear.

[@noobdev4181]

Great explanation. I just found your channel today. Subscribed. Thank you. Please do a playlist explaining all available react hooks. 💙

[@marcusviniciuskoch550]

incredible content, ill try to use it on my job

[@ImranKhan-ft7ns]

Thank you.. Your explanation is beginner friendly

[@parmaryash4406]

Amazing explaination

[@jhonsalas5756]

this is gold, im gonna try it and make it better

[@cedwards1080]

Great video!!!

[@adityagoswami6881]

Very informative .Thank you Sir 💯🙏

[@parassharma7041]

Love your channel thank you

[@PLifes]

Awesome!

[@mahmoodnazari1004]

One of the best tutorial I've ever seen. Could you please make a video about using useReducer with a multi-step form.🙏

[@havefun5519]

Clear explanation, thx

[@tanvirazad49]

very much helpful!

[@viniciusm.m.7822]

Thanks, bro!! God bless you!

[@moreddy]

as always...you're the best on planet...THX A LOT....great explanation !!!

[@aishvaryamohite5985]

Very nice video...I get a very much idea ...only 15 min of your video...thank you🎉

[@harshpanchal2607]

Great explanations

[@roshanpaudel6352]

Nice kind of explanation ❤

[@avrozaman8737]

Thank you so much for making this kind of helpful video..you are great boss.. We need more video like this.. Take love❤️

[@touseefghazanfar8487]

Great tutorial