React Hooks useContext Tutorial (Storing a User)
Vložit
- čas přidán 27. 07. 2024
- Learn how to use the useContext hook in React to store and access a user.
Code: github.com/benawad/react-hook...
Playlist: • React Hooks Tutorial
----
If you like cooking, checkout my side project: www.mysaffronapp.com/
----
Join the Discord: / discord
----
Patreon: / benawad
----
Follow Me Online Here:
Twitch: / benawad
GitHub: github.com/benawad
LinkedIn: / benawad
Instagram: / benawad97
Twitter: / benawad
#benawad
TikTok: / benawad
----
Follow me online: voidpet.com/benawad
#benawad - Věda a technologie
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 finally appreciate the logical flow from app state to context to context.provider. You absolutely rock, Ben! Thank you 😎👏🏽🔥
I watched the entire hooks playlist and this is the best react hooks video I ever watched. Thanks for creating...
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.
This was such an amazing demo. Clear and to the point!
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!
I love how you use simple ass components on your tutorials. Less boiler plate, straight to the point.
EXACTLY what I was looking for, very well made, thank you!
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!
The best tutorial/explanation I ever got from the web, straight to the point, with useful content. Thanks for sharing your knowledge.
I like that this is not just an explanation of hook syntax, but a practical application of it.
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.
Exactly what I needed, thanks! Helped me clean up some junky Stack Overflow suggestions that weren't working properly.
Passing setUser as a context so that children can update parent contexts is an awesome pattern.
The whole series has been so helpful for me. Thanks a lot for creating such awesome videos!
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 !!
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!
Bro. I've been struggling with react hooks like context, memo and other. Now usecontext is out of the list. Thanks to you. 👑👑
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!
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 :)
Couple days into developing my app and this is exactly what I needed!!! Thanks!
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
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.
Excellent overview. Not too much, just enough to understand the concept so that I can utilize it. Really good job!!
I'm having trouble with this type of hook, your explanation and examples are very clear and simple. thank you so much!
11 minutes of pure gold, thank you Ben.
awesome video Ben, keep up the great work
Thank you! Have been stuck on react hooks for days!
I was having a little bit of trouble understanding this but I no longer have it. I love you man!
Awesome! This helped tons with saving settings. I was prop drilling before but this hook saved my behind. Thanks!
This was amazing! So helpful. Exactly what I have been crying about. So grateful 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 🇹🇿
Lifesaver. Been trying to find a simple example that I can follow and you did it! thank you
Thank you! Exactly what I was looking for 🙌
one of the clearest explanation on useContext out there !
this is the easiest context tutorial so far. Thank you
wow... this is the cleanest example of useContext!
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.
Now I understand why the algorithm kept recommending this guy, it was cool to watch him code
This really helped me out. Thank you for taking the time to make this video. Real MVP.
Understood. Thanks. Also the sound of you typing is so satisfying😂
I was litterally looking for something like this thank you ❤️
Great tutorial, going to implement this on a personal project.
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
Thank you Ben, great learning in quick time
Thanks so much! Best tutorial on context, I finally understood it now. Not too quick.
Best demo ive seen, really nailed it!!!
The only video that was able to help me. You're a godsend. Keep it up brother.
You just made everything so easy. Thanks Ben.
Without a form, you explained better than anyone else
Best explanation ever !
So clear and helped me out heaps !
Thanks Ben
Benawad, you re good in programming. Totu keyboard typing and explanations sayit all. NICE
This was the best explanation i have seen so far, thanks.
Extremely helpful video! Thanks so much for such a simple and effective example 🙏🏼🙏🏼
Such a great and concise demo, even in 2022!
Just want to say that you just saved me!
You're the best Ben!!!
Thank you very much
The concept of ContextAPI became so much clearer for me as a noob in React.
Thank you! Exactly what I was looking for.
This is the most beautiful useContext explanation on youtube. Sorry Kyle at WDS :(
Thank you so much for this tutorial! It helped the useContext hook finally click for me.
Really enjoyed learning from your video! Nice work!!
Very clear explanation and straight to the point. Thanks a lot.
Hey, currently learning react I love your work and your amazing videos thanks man 👍
This is the best explanation I have ever seen!
`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
Amazing explanation, thanks Ben
Straight to the point. Real nice.
my man is straight to the point thanks
as clear as I was looking for, thank you very much
Exactly the thing i was looking for, thanku so so much ben!!!
Excellent info and walkthrough, thank you sir!
Thank you for precious time and for the tips!
Not only did he teach me useContext.. mans taught me useMemo. Best explanation
Video is very well done, thanks for sharing the knowledge!
Very nice informative video, I am doing a revision of react and redux, and i am revising with your tutorials.
Simple and easy to understand. Thank you.
Awesome! Thanks for this, it helped a lot!
Much love! ❤️
Yo, great straightforward and to the point video. Wonderful for review and for new learners alike, or if you're like me somewhere in between!
Great job!
Also, f2 didn't work on my windows machine.
Very well explained, thanks!
Thats a great explanation man .. Hats off to you !!
Exactly what i need. Thanks ben
Very good explanation. Thanks Ben. :)
This was awesome! Thanks a lot!
it was a clear vid to learn basics of using context. thanks
Such a good explanation. Thank you!!!
super useful, thanks for your work.
It was clear and out of making any confusion
You are awesome Ben. You explained it so well. Thank you :)
Wow ...you made it so easy. Big thanks from a beginner :)
simple but accurate. it's what i needed. thanks!
BEST useContext Tutorial
clear concise and perfect!
You made it crystal clear!
Very well explained! Thanks
Thanks for the quick lesson. Buen finde.
Thanks a lots , exactly what I am looking for.
Thank you so much, this really helped me out massively.
Great video dude
amazing tutorial, thank you so much!
Great! Thanks you! Best explain of context that i have seen.