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.
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.
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!
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 !
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!
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 .
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
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.
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 🤔
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. 👍
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. :)
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 :)
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)
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.
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.
I like the way he explained everything about useReducer hook 🪝 in detail. I found the resources very helpful after a series of searches on UA-cam. Much much better explanation. Thanks for sharing valuable information. 😀
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
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.
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
Ş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.
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 :)
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!
omg, this video contains incredible explanation of that hook for beginners. It would have been so nice of you, if you could also do such explanation of useContext and maybe few more🔥🔥🔥👍👍👍
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.
He forgot to say "use mobx" at the end
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.
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!
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 !
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.
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!
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 .
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
Such a simple explanation and great way to handle large states. LOVED IT ♥
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.
Man! This is the easiest to understand tutorial I have tried many times and read many articles. THank you!
I was trying to understand useRedusers hook, I couldnt understand it till I watched your video. THANKS.
Hey Lama ! Big "Merci" from a french guy in France, for all your videos and explanations very clean !!
after watching 10 videos could not understand anything then luckily found this one
the best and easy explantion for useReducer hook
thank
I can't belive how awesome you are! Please keep teaching us in simple English as you do. Wish you all the best!
One of the best explanations I have ever seen
This is so informative but easy to understand! Please make a series about Hooks and their use cases. Thanks in advance!
One of the most useful React skill have learned so far
This is a great explanation on how to implement the userReducer hook
One of the best tutorial I've ever seen. Could you please make a video about using useReducer with a multi-step form.🙏
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 🤔
please do not stop making awesome tutorials! laerned so much from you! thank you
ahh really loves how you teach us, simple and touch the basic fundamentals of JS/React ^^ thank you sir
Your tutorial is always simple, concise, and easy to follow, thank you!
Lama keep doing this serie of videos. I will support you, I have shared to my friends too. Thanks for the explanation.
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. 👍
Awesome Video...Always Wating for lama's tutorial
This it the best useReducer tutorial on the web.
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. :)
i felt like you even touched me the context api and redux which i had a hard time learning it for months.
This is really nice and easy to understand. I like your illustration!
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 :)
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)
Omg i was just learning useReducer ! Awesome video !!!!!
I was struggling with useReducer, Oh man! You saved me.
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.
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.
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.
I like your tutorials. Can you make a complete beginners tutorial for React Js.
No words for the knowledge man!
I like the way he explained everything about useReducer hook 🪝 in detail. I found the resources very helpful after a series of searches on UA-cam. Much much better explanation. Thanks for sharing valuable information. 😀
This is such an amazing series about React hooks. Will be using this a lot for reference. Thank you so much!!!
This series must continue forever.🙂
Dear Mr.Lama Dev,
Keep these videos coming, this helps improve us going from junior to senior dev. :)
Thank you for sharing this tutorial about useReducer ❤
Thanks, Lama Dev for posting the video on useReducer(), is very useful to us! Easy & Understood!
This is one of the best explanations I've ever seen 🙌
Thanks ❤
One of the best tutorials about useReducer hook ❤️
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
You are really helping us a lot with these tutorials, keep continuing..
You are such a great teacher!
Thank you very much for your work and keep going!
Yeah this is the video I was looking to watch for this topic. Thank You ..
Amazing explanation. Wonderful and useReducer is unforgettable now :)
Thank you for this amazing example!
best tutorials on youtube, love your work bro ❤
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
responsive without media query much easier now using tailwind
You’re very good bro! You make me a senior dev!!!
Very clear and precise
Definitely going to try it. Thanks and keep on posting.
Clean explanation, easy to watch, and overall great video, this is really helpful. Thank you so much!
Thank you.. Your explanation is beginner friendly
Thanks for the clear explanation!
Great explanation. I just found your channel today. Subscribed. Thank you.
Please do a playlist explaining all available react hooks. 💙
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.
thanks Lama! for your excellent tutorials and content! by thank you I mean joining the sponsoring group))
Thanks for your support :)
Thanks for this... keep dropping such topics ... very helpful , God bless you Lama
Here take your flowers for making this amazing video🎉🎉🎉
Great explanation Lama Dev
short + effective + worth + valuable 😊❤
Excellent explanation 👍🏼
thank you my teacher from morocco
Lama thank you so much for everything, you are a true legend 🙌🙏
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
Ş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.
Dense and well explained. Thank you!
such a wonderful explanation, thank you
Amazing explaination
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 :)
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 :)
I think then you need to split them in reducer files.
@@DTUSEM what's wrong with `tags: new Set([...state.tags, ...payload])`, which would also remove any duplicates?
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!
Very nice video...I get a very much idea ...only 15 min of your video...thank you🎉
Very informative tutorial.
Please make a video on useMemo and useCallback hooks.
Clean explanation ❤, Thank you so much
LAMA DEV remains the bestest(if there is a word like that)
The React useReducer hook beautifully explained. Thanks, Lama Dev
{2022-08-17}, {2022-08-31}
This is was incredible. I hope you can explain react context in the next video
yet another informative video, thanks Lama 🙌
Amazing series
That keyboard is heaven oh my
We love to know what is a best way to do something, to increase performances, thanks !!
incredible content, ill try to use it on my job
"it's really easy to that.. " sure for u everything is easy Lama mdr thanks you a lot
Very informative .Thank you Sir 💯🙏
Man your videos are fabulous keep going 👌
This is masterpiece of useReducer . Salute to you. Appreciate 🎉
Great work, Lama!
as always...you're the best on planet...THX A LOT....great explanation !!!
This video is really helpful! Thank you so much! ❤
Great content!! greeting from Brazil
omg, this video contains incredible explanation of that hook for beginners. It would have been so nice of you, if you could also do such explanation of useContext and maybe few more🔥🔥🔥👍👍👍
you are awesome, a quality explanation i can see here !!
This really helps a lot, Thanks.