Learn useState In 15 Minutes - React Hooks Explained

  Рет қаралды 1,130,455

Web Dev Simplified

Web Dev Simplified

Күн бұрын

🚨 IMPORTANT:
Full React Course: courses.webdevsimplified.com/...
In this video I cover everything you need to know about the useState hook. I also go over the basics of hooks as well so you can start using hooks in your own projects. This is the beginning of a series of React videos where I cover all the important hooks in React.
Skip Past General Hook Details: 4:22
📚 Materials/References:
useState Blog Article: blog.webdevsimplified.com/202...
React Hooks Playlist: • React Hooks
🧠 Concepts Covered:
- How to use hooks in React
- How to convert class state to function state with useState
- How to use the useState hook
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
#ReactJs #WDS #useState

Пікірлер: 1 200
@Brian-og6kk
@Brian-og6kk 3 жыл бұрын
Just wanted to say I'm a 39 yo man who currently enrolled into a school for software engineering. I often refer to your videos, and they have helped me maintain a perfect score so far in school. Thank you so much for these!!!!
@dangeorge3826
@dangeorge3826 3 жыл бұрын
How is it going, man? Have you found a job?
@Brian-og6kk
@Brian-og6kk 3 жыл бұрын
@@dangeorge3826 not yet, currently finishing up my portfolio now. Hope to have it done this week. But, I was able to help my friend who I met in this class to land a job. He had no prior coding knowledge. It's very possible. Super excited for him.
@dangeorge3826
@dangeorge3826 3 жыл бұрын
@@Brian-og6kk and how old is him?
@Brian-og6kk
@Brian-og6kk 3 жыл бұрын
@@dangeorge3826 he is 37
@dangeorge3826
@dangeorge3826 3 жыл бұрын
@@Brian-og6kk lol, congrats to him and good luck to you, man. I am 26, i am coding frontend for about 6 months and I am afraid that I will not get a job this year 😂
@HoldenMadagameTenor
@HoldenMadagameTenor 3 жыл бұрын
How is it possible for you to explain something in 15 minutes that I didn't understand from hours of watching other videos? You've seriously got a gift for teaching, and I feel like I have a much better comprehension of useState now. Thank you!
@lyawileh.a8741
@lyawileh.a8741 3 жыл бұрын
Sure.
@george527
@george527 3 жыл бұрын
148k people needs a 15min video for a 5 min documentation read?
@timzeynalov3537
@timzeynalov3537 3 жыл бұрын
look at the documentation on www.Reactjs.org and make same things
@HoldenMadagameTenor
@HoldenMadagameTenor 3 жыл бұрын
@@george527 How edgy shaming beginners for understanding something better from this video. So cool and edgy wow.
@george527
@george527 3 жыл бұрын
:))) imagine being called "edgy" for telling them that they can do it faster by reading. Im 100% sure no beginner was thinking: "This anonymous guy from KZfaq with a stupid Icon made me feel ashamed that I watch videos"
@nowthisisfuuun
@nowthisisfuuun 2 жыл бұрын
Man, I don’t think there’s anyone who can explain concepts as simple and eloquent as you. Absolutely love your work!
@sethmccullough6206
@sethmccullough6206 4 жыл бұрын
You've got a phenomenal teaching style, Kyle. I can tell you always put in the time for proper preparation for your videos by how structured and easy to comprehend they are. As always, another excellent video, thanks!
@WebDevSimplified
@WebDevSimplified 4 жыл бұрын
Thank you! I actually wrote an entire blog article for this video first before recording to help make sure I has covered everything I needed to.
@a.yashwanth
@a.yashwanth 3 жыл бұрын
@Jimmy Kristian where is your second account which will confirm it worked?
@sulochanakharat9033
@sulochanakharat9033 2 жыл бұрын
@@WebDevSimplified sir I like your good keep going but please make vedio on all 10 react hooks
@Winter_Wyvern1
@Winter_Wyvern1 2 жыл бұрын
@@sulochanakharat9033 u dont need to write in broken english if u are to become a developer. Be smart!
@rrgeyddhdyr3373
@rrgeyddhdyr3373 Жыл бұрын
kzfaq.infoluwxDqy6NC0
@masonmarinko6548
@masonmarinko6548 3 жыл бұрын
This was amazing, getting into react for last part of our boot camp and it goes so fast they don't always go in depth, this made sense, and has helped me a LOT, thank you so much!!
@battmarn
@battmarn 3 жыл бұрын
This was such a good tutorial. It actually explained everything methodically and using simple examples, without treating the viewer like an idiot. I love this channel.
@Alanm1963
@Alanm1963 3 жыл бұрын
I've been using react for over 4 years and off course am very comfortable with class components. Am currently adding to an existing application and decided to see what all the fuss was with functional components and hooks. Your 15 minutes on the nuance of basic concepts behind setState has been very helpful. Good video.
@amantech683
@amantech683 3 жыл бұрын
my name is kyle and my job is to simplify the web for you so that u can start building your dream projects sooner .....I love this sentence
@dominicnzl
@dominicnzl 4 жыл бұрын
Thanks for the explanation, it's very easy to follow this way. I must admit I laughed at the typo at 5:57 but you recovered nicely
@errol1494
@errol1494 3 жыл бұрын
I came here to say this. He kept his poker face. Good job, Kyle!
@cool1010com
@cool1010com 3 жыл бұрын
Hey, who does not want to decrement a c*nt ?
@calebbeers6384
@calebbeers6384 3 жыл бұрын
As soon as I saw that, I minimized the video to scroll down and read the comments.
@stefanpop2257
@stefanpop2257 3 жыл бұрын
I decremented the screen to look for this comment as soon as I saw the typo..
@kim_nguyen_
@kim_nguyen_ 2 жыл бұрын
it happened to me once in a CCNA course when I typed no shit instead of no shut in front of my professor...
@BJAnderson
@BJAnderson 2 жыл бұрын
Today was one of those days where I needed to learn something new, and instead of searching for hours... First search, first click, and 15 minutes later - learning accomplished. Thank you very much. Great tutorial!
@narasimhakamath3808
@narasimhakamath3808 2 жыл бұрын
Really love how you take some really simple example to explain these concepts instead of overthinking or over complicating things. Awesome stuff!
@marineoceania
@marineoceania 2 жыл бұрын
As a veteran JS user for YEARS, I needed a crash course in React; your videos have been INCREDIBLY helpful! Thanks for doing this :D
@shawnxia3874
@shawnxia3874 3 жыл бұрын
Havn't seen a guy who explains useState better than you. Subscribed.
@donmikele07
@donmikele07 Жыл бұрын
SMAL NOTE: 10:53 if you call function by reference, so "useState(countInitial)", so WITHOUT BRACKETS, the function will be called only once. Greate tutorial, great explanations, great teacher! Keep going!
@mid9639
@mid9639 2 жыл бұрын
I couldn't understand this thing for weeks...you did the magic in 15 mins... Man !!! Some people are born to be good teachers ❤️ teaching someone or passing your knowledge to others , is one of the most noble thing to do ❤️
@hipH0p5tr3ss
@hipH0p5tr3ss Жыл бұрын
This is the clearest, most concise explanation of the useState hook that I have found, HANDS DOWN. Thank you!
@LanguageSkillz
@LanguageSkillz 2 жыл бұрын
10:57 highlight for running vs referencing any initial function is so nice. Also appreciating the attention to variable de-structuring syntax, way beyond notation purposes, as noticed below.
@kasuneranda8192
@kasuneranda8192 Жыл бұрын
0% nonsense. 100% useful information. Awesome explanation!
@Holden_P
@Holden_P 2 жыл бұрын
Super helpful for me, and I am a senior dev team lead in OO programming (C#, WPF, MvvM) attempting to pivot back into web dev after about 2.5 years away from React. Trying to brush back up on it. Thank you so much for your clear explanation and no frills approach. Great stuff bud
@flexrumblecrunch9140
@flexrumblecrunch9140 2 жыл бұрын
Your teaching skills are so well adapted to abstract concepts like coding. I think that you've got a real knack for addressing the questions that naturally pop into people's heads as they grasp this content, nice work! This cleared up a lot of things for me in such a short amount of time, easiest sub of my life.
@irieyaadricx1384
@irieyaadricx1384 4 жыл бұрын
I appreciate the explanation of the overlooked things that are usually.. 'Just done this way'
@pauljmorton
@pauljmorton 3 жыл бұрын
Finally somebody actually explained what the hell the "const [thing, otherthing] = stuff" syntax actually does, instead of saying "it's just some ES6 magic syntax".
@emgodas
@emgodas Ай бұрын
Who say's it's just some es6 magic syntax? I've never hear it from anyone here on KZfaq
@pauljmorton
@pauljmorton Ай бұрын
@@emgodas My description of it being described as "just some es6 magic syntax" stemmed from the frustration of countless other tutorials going "just write this, you don't need to understand what this syntax means, just write it like this and it'll work" and not explaining it.
@Ahmed-mo7bg
@Ahmed-mo7bg Жыл бұрын
that was 15 min worth a whole week searching and watching multiple videos on the subjsct. thanks a lot and keep on the road simplifiying stuff...
@alanespinet8423
@alanespinet8423 3 жыл бұрын
Best explanation I have seen so far about useState, and you do a fantastic job explaining even the edge topics like hooks order, fragmented state, etc. I really loved this video, man. Subscribed!
@TheRealKitWalker
@TheRealKitWalker 3 жыл бұрын
And I thought spending 15+ mins on just useState was an overkill. It was SOO WORTH IT!! loved the way you explained it all with appropriate examples. Thanks a lot Kyle. ✌️😎👏👏🌹
@MichaelCampbell01
@MichaelCampbell01 4 жыл бұрын
Oh, man, of all the typos you could have made, you made that one =D Great vid; well presented as always.
@suryasuresh9330
@suryasuresh9330 3 жыл бұрын
Haha i bet his heart dropped after typing that by accident XD
@farhanaditya2647
@farhanaditya2647 2 жыл бұрын
Timestamp?
@naruchancutie1
@naruchancutie1 2 жыл бұрын
@@farhanaditya2647 5:57
@jibreelkeddo7030
@jibreelkeddo7030 3 жыл бұрын
You are one of the absolute *best* dev tutorial channels out there. Please never change!
@TheUrgleBurgle
@TheUrgleBurgle Жыл бұрын
I’m in a coding bootcamp right now and you are a godsend! Thank you for your videos. They help so much!
@konamax9
@konamax9 2 жыл бұрын
Nicely done sir. Taking complex subjects and simplifying them so that a child could understand them is no easy feat. Seriously, people that can do that are the ones that lower barriers and allow new people into areas they might otherwise not venture. They demystify. You truly do have a gift and I very thankful for people like you.
@bossbrackets8928
@bossbrackets8928 4 жыл бұрын
KYLE IS THE MAN!
@shaun374
@shaun374 2 жыл бұрын
Thank goodness there's actually someone who takes time to explain wtf is going on in code. So many tutorials are just people flying through examples and not explaining or showing how things work at all.
@ifereokibe9146
@ifereokibe9146 4 жыл бұрын
Your clarity in explaining things is second to none....Great one
@420Sumanta
@420Sumanta 2 жыл бұрын
This was awesome. I never knew about passing a function to useState to optimize the performance.
@GG-uz8us
@GG-uz8us 2 жыл бұрын
I wonder why though. Function in JS is higher-order function, can be used as variable. Why here is different?
@BryantCabrera
@BryantCabrera 4 жыл бұрын
You are such a good teacher Kyle. Thank you! You’re also so handsome 😊
@vinodhmano
@vinodhmano 3 жыл бұрын
The way you built up the examples to show how to use hooks for scalar value, functions and objects and when we should use them - absolute gem!! Subscribed
@shivanigaddagimath6105
@shivanigaddagimath6105 3 жыл бұрын
Hi Vinodh! Are you a fresher or a working professional? Are you open to job opportunities in web development currently?
@brownboyintokyo7368
@brownboyintokyo7368 3 жыл бұрын
15mins of pure gold!!!!!! cleared my doubts completely
@nanonkay5669
@nanonkay5669 4 жыл бұрын
Bro this video is made in Heaven, we needed this. Hooks are kinda confusing e.g. every time a component renders, it happens twice ( console.logs at 10:07 and 10:59). But hooks like useRef, useEffect and useCallback are the one's that confuse me the most
@kiyotaka721
@kiyotaka721 3 жыл бұрын
the double console.log happens with class components as well the reason is when u use create-react-app it by default uses strictmode which runs your code twice to debug it to remove go to index.js file and remove react.stricmode enclosing the app component
@miguelrivas9687
@miguelrivas9687 3 жыл бұрын
@@kiyotaka721 some new I learned, thanks.
@donner7708
@donner7708 3 жыл бұрын
that missed "o" though. Rough buddy. But an amazing video that helped me a lot! Thank you!
@goon3305
@goon3305 3 жыл бұрын
beat my head against the wall all day for trying to learn this hook. this summed everything up in such a concise way! so grateful, keep up the amazing work.
@hellosugaree
@hellosugaree 3 жыл бұрын
Brilliant as always. These narrow topic mini videos have become an essential tool for filling in gaps where I need to learn the why behind the how. 💜
@jpf338
@jpf338 3 жыл бұрын
5:56 lol Great video by the way, thanks a lot!
@kautukkundan8001
@kautukkundan8001 4 жыл бұрын
😍 nice! Please do one on the context API
@WebDevSimplified
@WebDevSimplified 4 жыл бұрын
Thanks! That will be coming for sure.
@victorejiofor8115
@victorejiofor8115 2 жыл бұрын
You made the useState hook so simple to understand you are really a good teacher. Please keep making more videos, thanks so much, I do appreciate it.
@SARAH-vh7jg
@SARAH-vh7jg Жыл бұрын
This is actually the best video to understand useState Hook. Everything is crystal clear! Thank you so much!
@issamassafi
@issamassafi 4 жыл бұрын
Can we have a video about custom hooks? thank you for the effort
@ThatBritishVlogger
@ThatBritishVlogger 3 жыл бұрын
You know its been well explained, if I commented. I commented.
@c0nsumption
@c0nsumption Жыл бұрын
The tip you gave on function initialization for use state is phenomenal. I boosted performance drastically in my application 😯
@BenMatthewsMusic
@BenMatthewsMusic 2 жыл бұрын
Absolutely fantastic. So clear and helpful. So few guides take the time to go through various similar-but-different approaches to use cases, and don't talk much about why or when it's important to choose one over the other. Thank you!
@silentxcure
@silentxcure 3 жыл бұрын
everytime you say gotchu, i wanna say bless you lol.
@elinathancohen1723
@elinathancohen1723 3 жыл бұрын
That was a brilliant explanation, the only thing I don't understand is how does prevState gets the current state values :/
@LELEFO
@LELEFO 2 жыл бұрын
Yes! I am wondering the same thing!
@LELEFO
@LELEFO 2 жыл бұрын
Ah! I thought about it some more. When he destructured the useState hook and passed it the value 4, it was assigned as the current state and also passed to the setter function. I think that’s how it works
@ArvindHaran
@ArvindHaran 2 жыл бұрын
I think the second function that useState returns, such as setCount, setState etc. can take in a function and apply that function to the current value of the "state" (eg count) that it is bound with. So when saying prevCount => prevCount + 1 , you're just creating an anonymous function inline that takes an argument (prevCount) and increments it. The argument prevCount (or whatever else you rename it) is always passed in the current value of the state it is bound to in the useState call.. try renaming prevCount to xyz and reexecute
@prometheus2625
@prometheus2625 2 жыл бұрын
I had a hard time to understand this too. Still don't get it fully but I found that setState() is asynchronous and React may batch multiple setState() calls into a single update for performance(src: Reactjs.org). So, prevCount is just a function parameter received and it is the initial state on the first call. setcount(function(prevCount) { return prevCount - 1; }); Without using a function call inside setCount, you actually update the state directly, but with the function call you use a variable(function parameter) which is the returned value minus one and this value(variable) is used inside setCount() to set the state. I was experimenting with the following code and it give the same result. const [count, setCount] = useState(4); const x = count; function decrementCount() { setCount(function(x) { return x - 1; }); setCount(function(x) { return x - 1; }); }
@iangibblet8165
@iangibblet8165 3 жыл бұрын
Great video! No guff, quality content that gets the concepts across with simple yet effective examples.
@donsonthewise
@donsonthewise Жыл бұрын
ive been going through tutorial hell for a while now. Ive watched a ton of teachers on youtube. I think you are by far the best and most intelligent coder ive come across. Im a 40 year old man and learning this stuff is not easy, but you definitely make it easier. Thank you Kyle.
@lukas.webdev
@lukas.webdev Жыл бұрын
All the best for your journey. My videos should be pretty helpful for you as well... 😉
@bernhardsmuts2265
@bernhardsmuts2265 3 жыл бұрын
Amazing! I find it strange that half this stuff isn't in the ReactJS docs, or is just really hard to spot, I tried to reference it and can't even find it... Amazing videos, as always!
@daviidon
@daviidon 3 жыл бұрын
at 10:50 , you can pass the function literal into setState and it will have the same behavior as the anonymous function.. So do UseState(countInitial) instead of UseState(countInitial()).
@exodion4173
@exodion4173 3 жыл бұрын
Can u explain or refer to the concept on how this work ? Dont we have to call the function to run it ?
@muhammadsalmankhan9326
@muhammadsalmankhan9326 3 жыл бұрын
@@exodion4173 yes you do not have to call it .. when we pass a function to useState like this => useState(() => {}) .. you can see we are only passing a function to useState not calling it
@alishachhetri2351
@alishachhetri2351 2 жыл бұрын
I'm new to web development, just shifted from working in design to development. This video was really helpful, you really simplified it. Excellent teaching style, subscribed.
@kennyliard5295
@kennyliard5295 3 жыл бұрын
You are so great! You really make web dev simple! Never understood useState until now. All of your lessons are so great, keep on the good work!
@abdur1996
@abdur1996 3 жыл бұрын
Note to everyone: if you were updating the state using `setTimeOut`, remember closures in JS and know that it will get the state that you pass in at the time of you calling set timeout, as oppose to the current state of the useState hook. If you'd like setTimeout to use the newer state, you can wrap your state in a `useRef` container and it's `.current` property will hold the latest state.
@kashmirtechtv2948
@kashmirtechtv2948 2 жыл бұрын
Great. Can you elaborate?
@dardanillyr3989
@dardanillyr3989 2 жыл бұрын
Could i Ask for help regarding something in react?
@mekelilyasa9561
@mekelilyasa9561 3 жыл бұрын
decrement what?
@izzy24x73
@izzy24x73 Жыл бұрын
This is absolutely the best explanation of React Hooks {useState}. I was struggling a lot not getting the correct understanding of this es6 style syntactic sugar.
@Misfittykitty
@Misfittykitty 2 жыл бұрын
You, young man, are a masterful teacher! Thank you for making this complex topic simple and accessible to all. This is the mark of a great educator. :) :)
@mtsurov
@mtsurov Жыл бұрын
@ 7:45 can somebody educate me on the setCount (prevCount => prevCount - 1) ? its unclear to me how prevCount was assigned value of 4.
@lukas.webdev
@lukas.webdev Жыл бұрын
4 is our initial state that we added 3 rows above by saying useState(4)... so our counter starts with an initial value of 4. Every time you increment or decrement the counter, this component gets re-rendered and prevCount just takes the current count value and increments or decrements it... I don't know if this answer was very helpful... but I just posted a video about the same topic, check it out and maybe this will help you to understand it... 😉
@ashmitsharma9096
@ashmitsharma9096 Жыл бұрын
5:55 there are no accidents
@Cypekeh
@Cypekeh 11 ай бұрын
freudian slip
@sagarkumar4816
@sagarkumar4816 3 жыл бұрын
Kyle your teaching style is SUPERB and the way how you take us through every bits and gotchas and explain in the easiest way is remarkable. Love from India.
@shivanigaddagimath6105
@shivanigaddagimath6105 3 жыл бұрын
Hey Sagar! Are you a student or working currently? Would you be interested in exploring job opportunities in web development?
@mikerivera3578
@mikerivera3578 3 жыл бұрын
Thanks so much for this Kyle! Most clear explanation of useState along with a few little tidbits of info that helped me understand its benefits! You're the man!
@arjunkashyap8896
@arjunkashyap8896 4 жыл бұрын
Before watching this video, I thought I understood the react hooks..
@shivanigaddagimath6105
@shivanigaddagimath6105 3 жыл бұрын
Hi Arjun! Are you a student or working currently? Would you be interested to explore job opportunities in web development?
@arjunkashyap8896
@arjunkashyap8896 3 жыл бұрын
@@shivanigaddagimath6105 No, thank you.
@reinaogo7161
@reinaogo7161 2 жыл бұрын
just love your teaching style, easy to understand , relaxed, focus on what we need.
@collinsadhola8278
@collinsadhola8278 3 жыл бұрын
Great explanation. I cant believe how simple you made this seem. I was scratching my head over the concepts involved before coming across this video.. Thanks
@jasonl5251
@jasonl5251 3 жыл бұрын
This video is brilliant! Detailed useState explanation in a simplified manner with examples.
@marvinfok65
@marvinfok65 2 жыл бұрын
This is so clear! I had trouble understanding the useState concept from other medias!
@thatsgoodkarma
@thatsgoodkarma 2 жыл бұрын
Oh man, I think you just taught me how to get around the useState issue I've been slamming my head against as a React newbie. This is great! Thank you!!
@theoneandonlywoo846
@theoneandonlywoo846 3 жыл бұрын
You have a great knack, for simplifying a subject, thank you, concise and well presented!
@RockstahRolln
@RockstahRolln 3 жыл бұрын
This is absolutely brilliant!! So thoroughly explained! Excellent video on React Hooks.
@bozkurt6264
@bozkurt6264 4 жыл бұрын
You are the King, I was looking for such an awesome React.js Hooks course but have not found the nice one till i saw your "useState" video
@liammcbride9210
@liammcbride9210 2 жыл бұрын
Was really struggling with some hook tutorials but this certainly helped, great video!
@markusbatlogg4345
@markusbatlogg4345 3 жыл бұрын
The perfect react-course. Very well explained, good examples, really well done Thank you
@HadesMrDark
@HadesMrDark 2 жыл бұрын
I was trying for a long time to understand how these hooks work, thank you soo much, great video, great explanation.
@thecodelife9855
@thecodelife9855 2 жыл бұрын
Not everyone can explain something effectively, but u do it well. Good work. I just started learning React and it is very complex , but ur video helps.
@krissymorgan6602
@krissymorgan6602 3 жыл бұрын
Very very clear. I have searched so much content on this but I still didn't have a very clear understanding on how to use it. You really helped me a lot thanks.
@mugen430
@mugen430 3 жыл бұрын
The way you teach is amazing, I am currently in a coding bootcamp and I can say the way you teach is a lot better than how my instructor explains code to us. is much more human comprehensive without the sacrifice of code terminology.
@DennisJadeToribio
@DennisJadeToribio 3 жыл бұрын
I love the style of delivery and the direct way to hitting the topic and time....thanks
@Juzzyjuzzy
@Juzzyjuzzy 2 жыл бұрын
That was excellent! It was concise. I like you provided different options for incrementing and decrementing the counts.
@nightzero6040
@nightzero6040 3 жыл бұрын
I've seen many videos trying to explain state() hook and for me and that is the only video I could really understand properly! Thank you very much!!
@markharwood6794
@markharwood6794 Жыл бұрын
Love, love, love what you do and how you do it. You have one of the best teaching styles online anywhere, top 0.1% for sure :)
@sdevane75
@sdevane75 Жыл бұрын
just discovered you by this video (searching for react usestate) - I know nothing about react and little to no js. I'm 5 minutes love your presentation style, narration and examples - I understood everything easily. Thank you
@sdevane75
@sdevane75 Жыл бұрын
.... I've just noticed everyone else's comments already pretty much said the same thing before me.
@carldiamond4234
@carldiamond4234 2 жыл бұрын
This was clear and concise. Exactly what I was looking for. Thanks!
@karlinataurina.4119
@karlinataurina.4119 Жыл бұрын
You explain things so well! Thank you!
@misaeljimenez636
@misaeljimenez636 Жыл бұрын
Everytime i need to learn something i always check several chanels to find "the guy" but this kid is what he promises. He simplifies the web for us
@GuitarreroDaniel
@GuitarreroDaniel 3 жыл бұрын
Man this was amazing, I took an Udemy course and read some posts but I didn’t get this until this video of yours.
@jofawole
@jofawole 11 ай бұрын
Thanks so much for this very clear and understandable video, I've been playing with React lately and your video made me understand useState more perfectly.
@pedrambabazadeh1676
@pedrambabazadeh1676 2 жыл бұрын
One of the greatest tutorials I have ever seen! Thank you.
@amritsidhu5
@amritsidhu5 3 жыл бұрын
You do ensure to cover the most basic and most important aspects of every hook. Really awesome explanations.
@shivanigaddagimath6105
@shivanigaddagimath6105 3 жыл бұрын
Hey! Are you a student or working currently? Would you be interested in exploring job opportunities in web development?
@nitishvirtual4745
@nitishvirtual4745 11 ай бұрын
Explained the concept really well and covered all the bases. Thank you!
@dragonburger5676
@dragonburger5676 3 жыл бұрын
Been using hooks for almost a year and while I knew most of this, a few gotchas I had no idea about. Thanks!
@Mvrck44
@Mvrck44 3 жыл бұрын
Wow, that is some useful video to be available to all junior FE devs out there! Thank you :)
@seesharper8913
@seesharper8913 3 жыл бұрын
Dude, thanks a ton. Literally no online documentation is this helpful. They all talk in an esoteric way that you can only really get if you are a least fairly introduced to React. Honestly, hardly any intro content is helpful to people like me who really haven't been involved in front-end development -- mostly back-end. With the lack of type safety in JS, a lot of articles will show you these anonymous types, variables, etc., and expect you to know exactly what that looks like. It's hard to follow sometimes when you have to constantly trace steps back on everything so you have the right mental image for context. Doesn't help a ton of articles and examples start flat out in the middle of other things as well. Looking at redux I'll see these basic pseudo code examples, but it never shows the context in which they are using it... like is example code inside a component? What imports do you have? What are these variables you use and don't show the definitions of? My oh my it's frustrating! Anyways, you video was perfect. I'll be coming here first instead of Googling or looking at docs.
@lambar0
@lambar0 Жыл бұрын
Comprehensive explanation with intuition developed around hooks
@elkhanhamet2561
@elkhanhamet2561 3 жыл бұрын
Amazing explanation Kyle!!! Incredible style of explaining!!!
@HannahSchzde
@HannahSchzde 9 күн бұрын
I love how clearly you explain everything, it really reflects your knowledge on the topic! TYSM!
@waseemusman421
@waseemusman421 2 жыл бұрын
Great video. Alot of youtubers just copy content from each other and tell repeating contents, you did amazing job and represent creative content. Well Done. Keep it up
@jazzscorner
@jazzscorner 3 жыл бұрын
bless you for this tutorial! the react site was way too simple yet complex but this explains it all!
Learn useEffect In 13 Minutes
13:38
Web Dev Simplified
Рет қаралды 808 М.
Learn useRef in 11 Minutes
10:20
Web Dev Simplified
Рет қаралды 615 М.
Sprinting with More and More Money
00:29
MrBeast
Рет қаралды 151 МЛН
WHY IS A CAR MORE EXPENSIVE THAN A GIRL?
00:37
Levsob
Рет қаралды 18 МЛН
Шокирующая Речь Выпускника 😳📽️@CarrolltonTexas
00:43
Глеб Рандалайнен
Рет қаралды 11 МЛН
The Most Important Skill You Never Learned
34:56
Web Dev Simplified
Рет қаралды 75 М.
Learn to use State in React in 19 minutes (for beginners)
19:29
Sonny Sangha
Рет қаралды 85 М.
Learn useMemo In 10 Minutes
10:42
Web Dev Simplified
Рет қаралды 462 М.
Stop Doing this as a React Developer
12:27
CoderOne
Рет қаралды 159 М.
Learn useReducer In 20 Minutes
20:12
Web Dev Simplified
Рет қаралды 488 М.
Beginner React.js Coding Interview (ft. Clément Mihailescu)
36:31
Ben Awad
Рет қаралды 2,1 МЛН
React Hooks Crash Course (useMemo, useCallback and more).
31:49
developedbyed
Рет қаралды 80 М.
React useState() hook introduction 🎣
16:33
Bro Code
Рет қаралды 17 М.