I've been struggling with this so much that I have to watch 7 videos regarding this topic and all it did is make me more confused. But your less than 15 minute video made me understand what it is and how to use it exactly. Kudos to you!
Two year later, I'm watching this, I wonder why it have such a low viewers count, looks some hooks are missing. This is real great, no bullshits or styles confusions. Greetings from Tanzania 🇹🇿
Great video, Ben. I've been back and forth between this video and Web Dev Simplified's useContext tutorial and yours drove it home a little bit better with the practical login example- which is exactly what I'm doing in my project right now. Plus you threw in useMemo as a bonus- props!
It's friday afternoon here, brain has had enough. I tried reading the react docs a few times, read a few blogs, but this video made it click. Nice work.
Dude, this was awsome. I've seen lots of videos that overcomplicate the whole thing. After 5 minutes of your video, I already implemented useContext in an app I'm working in and it just saved me a lot of headaches. Thank you! WAIT A MINUTE. It's Ben Awad! How didn't I notice? And why am I not subscribed? I could swear I was. Well, guess you've (re)gained a subscriber.
You saved me! I was struggling with getting data from one file to another and understanding context but as soon as I saw you setting state and using / setting state in other components / files, it all clicked. Was able to finish converting my vanilla JS app to React. Thank you!
Thank you for this tutorial! I have been stuck for the past week trying to figure out how to pass details of an authenticated user to other components. This is just what I needed, a clear and easy to follow explanation.
You did a great job of making it look easy. Or, put another way, you did a great job of clearing the smoke around something that isn't as complicated as I thought it was. Many thanks.
That explained a lot and helped me to clear my mind about this topic. Much appreciation! A very clear and well-explained video without any extra unnecessary info!
best tut for react context on the planet , btw that mention of use memo took me to your another tut for usememo then it took me to useState , noice recursive videos
press control + space with the cursor at the end of the item you need to import, and in the little context menu that pops up vscode will give you the option to autoimport he shows it here: ua-cam.com/video/t9kSTiqhUfg/v-deo.html
Thanks! Now if you are using a third party library to do your Auth you can separate that Auth library and update the context with the currently authenticated user, thereby making the React components independent from the Auth library. Neat!
My face after you mentioned the F2 tip 😲
You might also like some of my other vscode tricks benawad.com/vscode
@7:55 For anyone looking
Mind blown!
Oh my god yes, this is a game changer!
And then he continues to manually change all of them😂
I love how you use simple ass components on your tutorials. Less boiler plate, straight to the point.
This was such an amazing demo. Clear and to the point!
I watched the entire hooks playlist and this is the best react hooks video I ever watched. Thanks for creating...
I've been struggling with this so much that I have to watch 7 videos regarding this topic and all it did is make me more confused. But your less than 15 minute video made me understand what it is and how to use it exactly. Kudos to you!
The best tutorial/explanation I ever got from the web, straight to the point, with useful content. Thanks for sharing your knowledge.
I finally appreciate the logical flow from app state to context to context.provider. You absolutely rock, Ben! Thank you 😎👏🏽🔥
Passing setUser as a context so that children can update parent contexts is an awesome pattern.
I like that this is not just an explanation of hook syntax, but a practical application of it.
Exactly what I needed, thanks! Helped me clean up some junky Stack Overflow suggestions that weren't working properly.
`createContext` does not take initial value - it takes the value that is provided when you try to use this context with no provider.
Wow. I have been searching for this answer for a long time. I wish the documentation would state that clearly and upfront.
Awesome tip!
so its like a default value?lets say i dont add a value in the provider , then it will use whatever its in createContext? in Ben`s example - null.
I was thinking about this... Why should we use a context with no provider?
@@jjanchovi8568 yes, it's like a default value
EXACTLY what I was looking for, very well made, thank you!
Two year later, I'm watching this, I wonder why it have such a low viewers count, looks some hooks are missing.
This is real great, no bullshits or styles confusions.
Greetings from Tanzania 🇹🇿
this is the easiest context tutorial so far. Thank you
one of the clearest explanation on useContext out there !
Great video, Ben. I've been back and forth between this video and Web Dev Simplified's useContext tutorial and yours drove it home a little bit better with the practical login example- which is exactly what I'm doing in my project right now. Plus you threw in useMemo as a bonus- props!
Same as I :)
Without a form, you explained better than anyone else
11 minutes of pure gold, thank you Ben.
It's friday afternoon here, brain has had enough. I tried reading the react docs a few times, read a few blogs, but this video made it click. Nice work.
Dude, this was awsome. I've seen lots of videos that overcomplicate the whole thing. After 5 minutes of your video, I already implemented useContext in an app I'm working in and it just saved me a lot of headaches. Thank you!
WAIT A MINUTE. It's Ben Awad! How didn't I notice? And why am I not subscribed? I could swear I was. Well, guess you've (re)gained a subscriber.
you saved me... from doing it the old way that is, started learning hooks yesterday and i see how usefull they are, love your content man
The concept of ContextAPI became so much clearer for me as a noob in React.
Now I understand why the algorithm kept recommending this guy, it was cool to watch him code
This is the most beautiful useContext explanation on youtube. Sorry Kyle at WDS :(
You saved me! I was struggling with getting data from one file to another and understanding context but as soon as I saw you setting state and using / setting state in other components / files, it all clicked. Was able to finish converting my vanilla JS app to React. Thank you!
Bro. I've been struggling with react hooks like context, memo and other. Now usecontext is out of the list. Thanks to you. 👑👑
wow... this is the cleanest example of useContext!
Thank you for this tutorial! I have been stuck for the past week trying to figure out how to pass details of an authenticated user to other components. This is just what I needed, a clear and easy to follow explanation.
I'm having trouble with this type of hook, your explanation and examples are very clear and simple. thank you so much!
Excellent overview. Not too much, just enough to understand the concept so that I can utilize it. Really good job!!
You did a great job of making it look easy. Or, put another way, you did a great job of clearing the smoke around something that isn't as complicated as I thought it was.
Many thanks.
The whole series has been so helpful for me. Thanks a lot for creating such awesome videos!
Understood. Thanks. Also the sound of you typing is so satisfying😂
Best demo ive seen, really nailed it!!!
The only video that was able to help me. You're a godsend. Keep it up brother.
Not only did he teach me useContext.. mans taught me useMemo. Best explanation
I was having a little bit of trouble understanding this but I no longer have it. I love you man!
Thanks a lot Ben. You have explained it so nicely . I have searching for session management in React and you made my journey so easy. Thanks again !!
my man is straight to the point thanks
Benawad, you re good in programming. Totu keyboard typing and explanations sayit all. NICE
This is the best explanation I have ever seen!
BEST useContext Tutorial
This really helped me out. Thank you for taking the time to make this video. Real MVP.
awesome video Ben, keep up the great work
Straight to the point. Real nice.
Thank you so much for explaining it so well. I was having a hard time using the useContext hook, you made it super easy. Thanks a lot!
That explained a lot and helped me to clear my mind about this topic. Much appreciation! A very clear and well-explained video without any extra unnecessary info!
Such a great and concise demo, even in 2022!
Really enjoyed learning from your video! Nice work!!
I will follow this man to the ends of the Earth
Thank you so much for this tutorial! It helped the useContext hook finally click for me.
It was clear and out of making any confusion
This was the best explanation i have seen so far, thanks.
You just made everything so easy. Thanks Ben.
Couple days into developing my app and this is exactly what I needed!!! Thanks!
it was a clear vid to learn basics of using context. thanks
as clear as I was looking for, thank you very much
best tut for react context on the planet , btw that mention of use memo took me to your another tut for usememo then it took me to useState , noice recursive videos
Awesome! This helped tons with saving settings. I was prop drilling before but this hook saved my behind. Thanks!
Simple and easy to understand. Thank you.
Lifesaver. Been trying to find a simple example that I can follow and you did it! thank you
😱 what? Holly molly. This is so powerful. We don’t need classes or redux anymore.
True
clear concise and perfect!
MASTERFULLY EXPLAINED!!!
what an absolute ducking legend
You made it crystal clear!
Thank you! Have been stuck on react hooks for days!
Exactly what i need. Thanks ben
Very clear explanation and straight to the point. Thanks a lot.
How are you adding the imports automagically? 2:09
press control + space with the cursor at the end of the item you need to import, and in the little context menu that pops up vscode will give you the option to autoimport
he shows it here:
ua-cam.com/video/t9kSTiqhUfg/v-deo.html
clear and concise, and helpful.
Thanks for the tutorial, trying to learn the context system for when Redux would be overkill.
Exactly the thing i was looking for, thanku so so much ben!!!
Such a good explanation. Thank you!!!
Thanks so much! Best tutorial on context, I finally understood it now. Not too quick.
Great! Thanks you! Best explain of context that i have seen.
Amazing explanation, thanks Ben
Just want to say that you just saved me!
You're the best Ben!!!
Thank you very much
wouldn't value, or setValue anyway only change when value and setValue changes? I don't really get the use of useMemo in the context mentioned at 7:02
wondering the same thing, useMemo as i understand it is used to prevent expensive calculations during component rerenders
Thanks for the quick lesson. Buen finde.
Just beautiful! plainly beautiful.
I was litterally looking for something like this thank you ❤️
Best explanation ever !
So clear and helped me out heaps !
Thanks Ben
thank you bro
this really make my life and my codes better
Thanks Ben!!! very good tutorial!! 🙂
Thanks, great explanation!
Hey, currently learning react I love your work and your amazing videos thanks man 👍
Wooh....Best explaination.. saved a day .! .... From Pakistan .
Thank you Ben, great learning in quick time
Excellent info and walkthrough, thank you sir!
This was amazing! So helpful. Exactly what I have been crying about. So grateful to you.
Thanks! Now if you are using a third party library to do your Auth you can separate that Auth library and update the context with the currently authenticated user, thereby making the React components independent from the Auth library. Neat!
Thanks a lots , exactly what I am looking for.
Clear explanation.. ! Great thanks ..
You are awesome Ben. You explained it so well. Thank you :)
Yes i love it , thank for your sharing
Nice explanation, thanks.
Thanks Ben, appreciate that
Super nice demo
Thats a great explanation man .. Hats off to you !!