Learn React Hooks: useContext - Simply Explained!

Join The Discord! → discord.cosdensolutions.io
Source Code → github.com/cosdensolutions/co...
In this video we will learn about React hooks, starting with useContext. This powerful React hook will allow you to manage your state efficiently without having to pass an enormous amount of props around (prop drilling). You will learn how to identify when to use the React Context API, how to use createContext to create the context, create a custom hook to handle undefined values, and finally use the context in any component to get access to the data.
In this new React world, hooks are here to stay, so it's best to learn them! In this tutorial I demonstrate the useContext React hook, and I explain it very simply and in a way that is easy to understand. Enjoy!

[@cosdensolutions]

Hey everyone! I just launched 🚀 Project React, which is a course that teaches you React by building a real-world project. It goes way beyond what you see in these videos and walks you through step-by-step on how to build a big and complex application with React! You can check it out here: cosden.solutions/project-react

[@mikoajkulczynski5213]

Thank you for the content. You have the gift to talk about coding in a simple way.

[@cosdensolutions]

thank you for the kind words!

[@GeraldPajulas]

Thank you. I've been learning React for about 4 days and I was confused about the useContext and createContext, but your video explains it well. Thank you.

[@osmankain1508]

Wow you're a perfect teacher and programmer thanks for the time that you spent for this amazing content

[@shubhankarvalimbe5286]

Great tutorial! I was so confused about how Context works, every other creator complicates it too much. Thank you for simplifying it. Just subbed!

[@cosdensolutions]

makes me happy to hear!

[@HR-pz7ts]

It's amazing you also taught how to deal with problems and showed proper way to code and handle potential errors.

[@Chris-by8tg]

This was the clearest explanation I've seen. Thank you!

[@user-sy5fd7kn8w]

Hands down best explanation of the topic on the tube. Thank you!

[@AntNZ]

Wow! Such a excellent explanation and with examples too. Well done 👏👏👏👏

[@cosdensolutions]

Glad you enjoyed it! 🤙

[@shawn.builds]

been loving the react tutorials man! dont think anyones ever explained context so simply :)

[@jay-kv6wn]

I hope your videos go viral soon like they should. You are doing a great work with your explanations

[@cosdensolutions]

Haha imagine going viral for React 😅 would love it!

[@camilotorresf1]

This was a really good explanation. I took notes and later was able to replicate a similar example. I now understand the useContext hook a lot better. I'm just starting with React and this is really my first application, although I work with a team in a project that already have a lot of react. I expect to become more proficient in React to really be able to work on that project. Keep the good work, I hope you get a lot of subscribers soon.

[@cosdensolutions]

Really happy to hear that dude! You're going to do great ☺️ thank you for the kind words!

[@lordkonadukweku6965]

@@cosdensolutions please when are going to do a video on HOC

[@marshallfungai3033]

Thanks man, been watching your videos for the last 7 days. Practicing for mid-senior dev job...
Now I feel like a junior dev 😁, because of all the content I learnt. I "was" a "I can do it, but I can not explain it" person.
But the upside is now I "REALLY" know what to do.
Just subscribed.
And we need more videos on testing.

[@user-gm3lg8gp3m]

I subscribed!! This is a great way to explain the concept + thanks for adding the error handling part 👍

[@cosdensolutions]

🤙

[@jijocleetus]

Great one with context, i like the way you handled the undefined scenario. Thanks for the tutorial.

[@garudaphoenix5479]

Thanks for this great and clear explanation with a lot more edges. Hope you will get 1 million subs soon. Tbh, You deserve it.

[@cosdensolutions]

Thanks a lot 🤙

[@soduno596]

you where one of the only youtubers who actually got me to subscribe to your channel. Nice way of implementing the idea 😃. And fantastic tutorials, crystal clear.

[@_romeopeter]

This was straight forward. Thank you for throwing in the extra error handling method as well 🔥

[@wekesirken6961]

That was some good explanation, you made contexts seem obvious...Appreciated

[@ThomasKanzig]

Amazing tutorial.
Thanks a lot.

[@XXlikeabauss]

Really helpful video, thank you so much!

[@sudiptobose8296]

Fantastic tutorial. I really appreciate it. 😊

[@antimrevapati8992]

Great Explanation, Thank you!

[@santiagovelezsaffon]

Very well explained !!

[@deshannawarathna6283]

Thank you man. That is good explanation

[@user-ms4cs3cb4w]

Thanks it was very helpful

[@franbrankovic3617]

After this video you really don't need to watch another video about react useContext. This was excellent video.

[@sub_in01]

Bro I really love your content and I learn a lot from you, don't worry about subscribers, they will ultimately come to you as your way of explaining is so very good. Keep uploading contents.

[@cosdensolutions]

thanks for the kind words! 🤙

[@sathirabandara7981]

Great job man. its very helpful !!

[@mchisolm0]

Definitely appreciate your attention to detail and have earned my sub. You helped me understand how I was having trouble with a boilerplate I use that has a useState inside a useEffect. I understand *what* the problem is now (thank you for that video), but I can't figure out what I need to learn to solve it. Thanks for at least helping me get closer.

[@israelkayaba6002]

Thanks bro, much appreciated !

[@Teddyrobinson]

Another great tutorial thanks so much!

[@samahgad241]

Realy great explanation,thank you

[@tokaqarcivadze5825]

the way you explain react is the best!

[@kwasiezor1630]

Thanks for the video bro. Simplified explanation always makes understanding better 😊

[@cosdensolutions]

Glad you found it useful!

[@kwasiezor1630]

Yes Indeed. Keep it up 👏

[@vivekkumar-pc1xy]

Crystal Clear... Thanks

[@ooorayooonyoooo]

A really underrated channel, well done bro! ⚡❤

[@user-bk2ts2zc3r]

thanks man I really understood it. Subscribed already

[@myothiha1168]

best explanation ever!🤩

[@rmc1579]

great explanation. I was a little bit confuse when using context and how to implement them.

[@codehustler8582]

Amazing Channel for Learning React

[@cypherop2608]

you made it soooooo easy to understand

[@simplebutcorrect6176]

Bro I love the way that you explain keep it up. Subscribed❤

[@YisneySoto]

Great, thanks. It's my first Context video and I think I got it at the first time because it's so well explained, of course having used Redux before makes this easier to understand.

[@cosdensolutions]

glad to hear it!

[@juststudying1019]

Amazing channel, thanks.

[@RyS29]

Great content, thank you!

[@AhmedHuzain]

"If you watch this hook video, you'll probably never need to watch another"
This is so true! You explain it so well. Thank you!

[@UnfinishedYara]

Thanks man! Crystal clear now!

[@vampirekabir]

trying to get a grasp of it,nobody taught like u did,i finally get it now ❤❤

[@cosdensolutions]

🤙

[@HerlonCosta]

I reall like this explanation. You're very good, god bless you!

[@lordkonadukweku6965]

Top-notch explanation. Manifesting 100k subscribers by end of this year

[@awasum]

Thank you very much. Good content

[@shivasai7707]

great explaination on useContext

[@sup_nim]

great explaination thank you bro!

[@Shaheer-xs5os]

That was such an awesome explanation 👍

[@cosdensolutions]

Thanks 🤙

[@poornasaipilla1620]

Really use full video thanks for doing ... extending my great full and encouragement .... keep doing well..

[@Pareshbpatel]

Context API with a custom hook, so well explained. Thank you.
{2023-10-16}

[@glenmccallum7051]

Thanks a lot, this was really helpful. Really great video and great channel

[@cosdensolutions]

glad it helped!

[@marceloleoncaceres6826]

Great video, thanks for sharing your time and knowledge,

[@user-el9ui5jk5m]

I literally subscribed after seeing your message in the Video

[@thebeastsclips]

useContext is a great alternative for a bunch of prop drilling with a bunch of useStates as well in the child component as well.

[@theppiwatkomolwat4429]

1:31 This part of the code worked; I have now subscribed!

[@cosdensolutions]

☺️

[@mgx49]

No doubt I won't need to watch another React Context API video! [Subscribed]

[@leonardmbibi8013]

Top notch! You're the man

[@yusha790]

You're the best man

[@Atomatiz]

Cosden. I love you bros 😉

[@omkarjagtap2212]

man, awosome video crystel clear concepts and learned how to write a more safe code(in the pov for debugging)

[@safareesamuels4674]

Home of React well explained Tutorials

[@suvakshaacharya6900]

thanks . helped a lot

[@Martin-xf8be]

That subscribe intro you did made me subscribe. Genius.

[@abdoseadaa]

i put like b4 watching your videos :)
legend

[@rasikakshirsagar5563]

Thank you bro!

[@ihebbenaicha1353]

please keep it up with more hooks and thank you !

[@cosdensolutions]

Will do!

[@user-wq9xz9yc7c]

I speak another language, but I'm happy to find this video. Thanks!

[@cosdensolutions]

Working on adding translated captions to all videos soon!

[@Vishal360]

loved ur react tuts.... 🔥🔥🔥🔥🔥🔥🔥🔥

[@syedayanata9765]

I watched many videos and still did not understand context but this video helped me a lot.

[@cosdensolutions]

you got this

[@PravinsPhotos]

I really did subscribe at 1:57...good one there😂

[@brNoMundo123]

Sou desenvolvedora Júnior e seus vídeos estão me ajudando muito a me desenvolver 🚀

[@MarksmanVallecillo]

Thanks, man very good video. 10 Stars ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐

[@brunopagno]

Nice video!

[@MRNani-rw6td]

Thank for this

[@Bilo_7]

I made an instant subscription 👍

[@cosdensolutions]

🤙

[@mahdighasemi9518]

Thanks a lot.

[@Fleischmann773]

Great example!!!

[@theGameThrough]

It would be suggested to put some console log and also the UI just to make it more clear would be a lot helpful too thanks

[@admasterefe4340]

GOD level explanation. I want everyone to subscribe to this channel. Too bad one can't give two likes.

[@mai.krishnahoon]

Thanks from india..

[@shekhtausif2811]

Just make more videos like this on react plz you explain really well

[@cosdensolutions]

Will do!

[@antoninosartori]

And what if User comes from a fetch? Do you put in on the custom hook? How would you handle errors? Thanks for the video

[@hanguyenmanh2459]

If user come from server state, don't throw error in custom hook, just return user.

[@jouebien]

grouse wrapping the context in a hook. You can build up the provider with state & mutators and pass that to the value of the provider. There's no need to wrap the context with hook jank to extend the context -> with a wrapped hook A) you're not enforce access & mutations B) you also have an extra shit tonne of renders as the hook runs through state changes in every component C) you remove the useContext which hides the fact the component is consuming global/shared state.

[@nogafouz2174]

realy thank you but i have a question please which better using context api or redux tookit

[@mark-broomfield]

Great tutorial thanks. My subwoofer got a serious workout every time you banged the mic though :-)

[@cosdensolutions]

LOL 😂 it gets better in later videos I promise!!!

[@tinashejamanda6747]

Thank you

[@mDHARYL]

Thanks 🙏😊

[@Atul_25]

Thanks for making in ts

[@niconel7659]

Thanks for the reminder to subscribe. Guilty as charged, but subscribed now.

[@nabilachehlafekir8577]

thank you

[@muhammadrehan5722]

now i subscribed ;)

[@user-dm3sf9mk2o]

This was a really good explanation. Would you consider doing a video about useContext in regards to forms?

[@cosdensolutions]

sure!

[@user-dm3sf9mk2o]

@@cosdensolutionsI get stuck on passing input content to the page. Trying different ways without too much success.

[@abhinaygupta4052]

Cant subscribe but here is my thumbs up 👍