Learn React useReducer Hook with Examples

[@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!

[@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

[@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.

[@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 !

[@Lakmalniranga]

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!

[@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.

[@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 .

[@SushilKumar-ig8ls]

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

[@Reel_InsightYT]

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

[@gamergently]

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

[@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.

[@nithish1742]

One of the best explanations I have ever seen

[@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

[@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 🤔

[@harvard004]

This it the best useReducer tutorial on the web.

[@marvikfr]

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

[@mehmetnadi8930]

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

[@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 !!!!!

[@luizarnoldchavezburgos3638]

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

[@digvijayyamagekar4300]

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

[@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. :)

[@jasonlu6405]

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

[@salahaldeenalshaikhkhalil6328]

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

[@davidmukalay3536]

One of the most useful React skill have learned so far

[@Fer0710]

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

[@berrieberrie1555]

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

[@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. 👍

[@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)

[@wahidsakib]

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

[@annetantanella5913]

This is really nice and easy to understand. I like your illustration!

[@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. 😀

[@alfathmuqoddas6986]

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

[@georgesword2012]

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

[@mahmoodnazari1004]

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

[@CodeWith-Lee]

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

[@delphineamaka9422]

Here take your flowers for making this amazing video🎉🎉🎉

[@osho4609]

No words for the knowledge man!

[@bhavyakothari9667]

Amazing explanation. Wonderful and useReducer is unforgettable now :)

[@emmanuelakogwu9078]

LAMA DEV remains the bestest(if there is a word like that)

[@gustavomanca]

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

[@nikolaskadric7093]

best tutorials on youtube, love your work bro ❤

[@DTUSEM]

This series must continue forever.🙂

[@zillboy]

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

[@rafiqulislamtusher8605]

I really loved your explanation, Please make a video on useReducer vs Redux Toolkit. When we need to use useReduce and when we need to use Redux.

[@Nightflash28]

useReduce works within one component, redux works across your entire application. So if you need to manage state inside a single component, useReduce or even useState will do the trick. Do you need to manage the same state across multiple components at different levels of depth without worrying about props: redux.

[@nageshwararaov118]

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

[@zuzukouzina-original]

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

[@YoutCode0263]

short + effective + worth + valuable 😊❤

[@SohailKhan-tc8uz]

I like your tutorials. Can you make a complete beginners tutorial for React Js.

[@francescoPace27]

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

[@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 :)

[@discoveryspecial903]

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

[@alainrakotoarivelo7651]

Thank you for sharing this tutorial about useReducer ❤

[@bilpo4729]

Thank you for this amazing example!

[@karthikraju6225]

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

[@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

[@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.

[@dubaifatimaali]

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

[@ImranKhan-ft7ns]

Thank you.. Your explanation is beginner friendly

[@ОлексійКудряшов]

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

[@LamaDev]

Thanks for your support :)

[@thekeys5730]

thank you my teacher from morocco

[@testingaccount5867]

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

[@xyz-r7q]

Thanks for the clear explanation!

[@احمد-ص4د3ق]

Great explanation Lama Dev

[@MikdanJey]

Excellent explanation 👍🏼

[@gauravdwivedi-h5t]

This is masterpiece of useReducer . Salute to you. Appreciate 🎉

[@xcrxwadda8287]

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

[@mraaroncruz]

Dense and well explained. Thank you!

[@usmanmalik3575]

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

[@hameeeed5992]

Very clear and precise

[@aishvaryamohite5985]

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

[@kenhard]

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

[@moreddy]

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

[@saljeshmaharjan6760]

such a wonderful explanation, thank you

[@Pareshbpatel]

The React useReducer hook beautifully explained. Thanks, Lama Dev {2022-08-17}, {2022-08-31}

[@barankaratas9318]

Şafak bey içerikleriniz cok kaliteli teşekkür ederiz. Bir tane full stack mern uygulamasını Türkçe çekmeniz bizim için çok yararlı olacaktır. Şimdiden cok teşekkür ederiz.

[@丂卂丂乇匚卄丨卄卂]

Clean explanation ❤, Thank you so much

[@kishoreandra]

yet another informative video, thanks Lama 🙌

[@yohannmartinez7459]

Great video, useReducer is a good way to exclude and manage well the logic of a components, for performance reasons i think that your ADD_TAG function should send all tags and not 1 by 1 but works well like this too :)

[@g.c955]

yeah, I'd use a Set for tags and payload will tags directly. But I guess it's not really the point of this video :)

[@DTUSEM]

I think then you need to split them in reducer files.

[@g.c955]

@@DTUSEM what's wrong with `tags: new Set([...state.tags, ...payload])`, which would also remove any duplicates?

[@adityagoswami6881]

Very informative .Thank you Sir 💯🙏

[@harshbhardwaj6060]

the best thing to do for complex topics is show how a particular that thing can be used in real world. Even if as a watcher I don't understand the whole thing but I know places where it needs to used so that I can try to use them there right away in my projects and It helps to better under stand them.

[@shahemhaddad2717]

Man your videos are fabulous keep going 👌

[@Mauaka]

If anyone is keen for a shorthand version of a useReducer, you can do something like this: const [state, dispatch] = useReducer((state, nextState) => { return {state, ...nextState} }, initState) // you still need to have initial state/default values for the reducer's state dispatch({ property_key_to_update: new_value }) // to update a value in the state, use dispatch

[@jayantvasantkenjalkar6798]

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

[@luanalves3419]

Great content!! greeting from Brazil

[@parmaryash4406]

Amazing explaination

[@josatienganh]

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

[@orlein]

Using JS in dev is just okay, but there are so many people who are thinking about the state type and its efficiency. As the useReducer hook is so greatly improving the DX with typescript, I suggest the source code could be more better with the equivalent typescript code. Thank you for the great video.

[@kamonahmedreal]

love you sir, been wait for a long time

[@noobdev4181]

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

[@parmaryash4406]

Amazing series

[@ozgurdogru2727]

this series is a perfect. thank you so much. can you explain how to write responsive css without media query? and memoization please. thank you again

[@aculz]

responsive without media query much easier now using tailwind

[@loyaltythameem]

Wow really awesome 👍😎. Thanks brother

[@avrozaman8737]

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

[@letsdoitsatumare]

Great work, Lama!

[@ipunkk3578]

I love it how you explain the concept and give an example, everythings clear.. Have u ever made tutorial about useEffect clean up function? I thinks its bit complicated to understand by reading on the documentation.. Thankyou so much!

[@asvicnal8483]

This really helps a lot, Thanks.

[@hn031]

Thanks, man. Subscribed.

[@jhonsalas5756]

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

[@mohammed.haydar]

This is absolutely and beautifully explained