React Context API Tutorial | Quick and Easy

Check out my courses to become a PRO!
developedbyed.com/
React Context API allows us to manage and organize our react state in an easy way without the need to to prop drilling and bloating our components with methods and state.
This is a quick and simple tutorial on how to get up and running with React Context Api.
🎁Support me on Patreon for exclusive episodes, discord and more!
/ dev_ed
🛴 Follow me on:
Twitch: / developedbyed
Twitter: / developedbyed
Instagram: / developedbyed
Github: github.com/developedbyed/
#react

[@rapianopenaldo1669]

Ed you are an amazing human being first of all, and i absolutely love your colorful personality and love the way you teach everything in a simple manner by doing projects

[@ndahayokevin7626]

he is

[@someshkardeguddi4217]

pessi

[@josephb7055]

This is the best explanation I've seen on Contexts. The pace and the info were spot on. As always, good content Ed!

[@HaynesX]

This is a perfect tutorial, and different to the ones I've watched regarding context. You keep it simple, and your example with a basket is extremely useful too. Very practical. You also showed updating the context via state. Thank you!

[@alirezaebrahimi8384]

The best explanation on Context, under 20min just saved many hours.

[@swayhoward6601]

This was by far the best video on this ever. This was the best visual example and easy to understand. Thank you so much 😌

[@willw4096]

The analysis of the DOM structure at 4:10 is really helpful. Thanks!

[@nelsonndukwe7274]

This is just the best, I am literally crying right now. Thanks Ed

[@imehusoro4222]

You're the best, Ed, seriously. Please never stop

[@MDKohaku]

Thank you Ed, always with SIMPLE explanations

[@szymonrojek6480]

Great content. Thanks Ed. Also, we can export useContext from our context file plus add basic validation just to check our provider when provider has not been created. It is good idea because we do not have to all the time import useContext from react but basically call our custom hook 😃

[@sairohit5510]

Brilliant concept! Never saw react like this man, u rock!

[@danielluna7648]

Exactly what I needed. Not only did I learn something, but I laughed out loud at the Michael Jordon stop it cut.

[@salahaldinedouard5299]

I have been trying to learn the context api for about a 3 weeks now but in your 20 mins video I understand perfectly thanks soooo much

[@sean02345]

You are amazing at explaining things and your personality makes you very enjoyable to watch.

[@sthefanocarvalho2823]

Thank you for the clear and concise explanation :) Exactly what I needed!

[@danielChibuogwu]

I really love your teaching method Ed, and thanks for this tutorial, it was really good and helpful.

[@blankataslamiceska2293]

The best explanation I came across. Thank you!

[@grapefruitarts9926]

@Dev Ed: Great video to understand the concept of the Context API easily. I would love to get another, slightly more advanced scenario where we have the following: - Public Routes - Private Routes (can be accessed after login) - Creating a Context which is only available for the pages/ components rendered with the "Private Routes" Thanks a lot in advance and best regards, Grapefruit

[@nielslouwes7695]

You just need to use the context on only the pages that you consider private routes.

[@pozda007]

This is what those videos should be - explained like I'm 5YO! Super easy, short, useful and above all valuable!

[@RC-zf7hp]

Thank you for explaining it simply!

[@gregdotlola]

Thank you, ed. in fact, thank you to all of Romania for your courage amid crisis.

[@safffronblood]

Ed you are really amazing explainer. Love the way you teach and really simple words you explain. Love from India 👍

[@nadyamumtazah9431]

thankyou ed, you are my lifesaver

[@diegoavendanohernandez9908]

Loved it, what an awesome example

[@arthurmiranda8896]

Great explanation, i finally got it. Thanks a lot!

[@MrArod1207]

Best Explination Ever. Could you possibly do another simple Redux video? Best teacher on youtube

[@deFrontComOFer]

nice tutorial ed, well explained, thanks a lot bro

[@trevonallen2946]

amazing breakdown thank you

[@wahidstudios]

easy to understand. tank you Ed

[@indikawijesinghe]

this is a great video to understand context api. thanks ed

[@muhammadfaisaljafri1932]

That's great. You really made it very easy. Thanks very much.

[@richthekid7522]

We need a full react context video Ed🙏🙏

[@habeshawav3978]

This video is pure GOLD

[@fati_bint]

This is well explained. Thanks Ed

[@user-ss6xx3vq5n]

Very good tutorial. Thank you

[@belvederepapi7495]

Nice example. Great explanation, thank you!

[@pablopikaso9161]

Thanks! This video really helped me a lot!

[@mma-dost]

Great tutorial !!

[@rukundojoseph2885]

thank you man you just helped me out big time.

[@enockomondi6588]

Thanks for this great video. It is an eye opener.

[@theshubhagrwl]

This was simple and time saving :)

[@jamezjaz]

Amazing content here :) Very helpful. Thanks for sharing

[@SatyamWakchaure]

this really an best explanations I've been looking for!!😍 React Context API : Cleared ✅

[@kickflipz]

Thank you so much Ed 😊

[@Jaracara11]

Excellent tutorial!

[@anjanhr1614]

Wow man your explanation is so beautiful. Thanks man. Love from India ❤️

[@YouTubeSucksAss2]

Ed you really have roled up your sleeves!🙏😎✨👍

[@trimatriktorongo]

you are the boss , in some little codes make understand the essence of whole things , thanks a lot , hat's of man !!

[@kevinderawy481]

Thank you for this bro. Your awesome 😁😁

[@AdrienFloor]

That was awesome, thank you !

[@holup5035]

Thanks, now i got it :)

[@codecuts93]

Thank you Ed sooo much you are an amazing 💜💜

[@sainimanveer3479]

Sir you are really amazing.. The way you describe... 👍👍👍

[@sksabbirhossain2686]

It's a really good video. now I have no confusion about context API and how I will use this.... love from bangladesh.😍😍😍😍😄😍😍

[@cosanostraytc1030]

Good work man!!!

[@devlouis6929]

Absolute best❤

[@digvijaysinhchauhan3664]

An amazingly( i dont't know if that word exists but ) easy explanation of context API

[@nicowindows4589]

Thanks Ed!

[@amandanunes7616]

Ed, you make everything super easy. Congrats and thank you!

[@nurhadimaulana4366]

this is the best. i love it.. thank you 😊

[@mdmahmudulhasan6448]

nice stuff !!

[@saadshaikh246]

Hello Ed ! Should we expect a video on Redux anytime soon? Really love your way of explaining ☺️

[@wasifahmedshaikh1814]

it is already there in his channel

[@Pain-lr1cm]

what a G nice explanation man

[@abdullahifahm6076]

Great course. Would be cool if you could include a link to the repo

[@oncoding4520]

Love your video

[@unknownman5296]

Nice video man!! Please make more vanilla js projects !! Thanks

[@ndbroo]

Thanks bro🎉

[@sebastiennetgmail]

Thanks from south of France

[@muxammad2777]

from 8.33 . 8 minutes 33 seconds. thank you Dev Ed it's very helpfull video

[@israelmitolu5365]

Great video as always, Ed. Kindly share the Github code

[@user-gb2lj3zm7j]

thank you bro

[@sumanthprabhu11]

Thank you Ed sooo much If you can please make a Tutorial on REDUX also 😊

[@hassaneoutouaya]

Thank you !

[@alexforw5545]

Thanks, my God! Pretty important and funny video

[@goutamprasadmohapatra6363]

Thanks you so much Ed. I have gone through a lot of videos just to understand context API this was the easiest one to understand

[@General_Aladeen]

you make it so easy. you really understand the concept well. Thank you.

[@user-gu2uf2cl7l]

hi, thank you for video, what the color theme you using in vscode?

[@kalahari8295]

Intro 🔥😂❤️

[@user-fp3ju5jb9g]

thx!!

[@philipmwangi5270]

Hey Ed, could you also do react redux and react query. Kindly

[@nitras.design]

What substance do you snort?

[@inocent35]

Thanks Ed. By the way friends on internet it starts at 9:00

[@Metovski]

Which theme was used in vscode?

[@GoodGuyHeffy]

I have all my data in a json file, and then mapped through that for product page, and individual pages for product. Do I need to put that data in the context file? I cant get it to work on my existing project and im not sure if thats the reason. Very new to context tho so I might just be dumb lol.

[@spacepacehut3265]

Hey Ed please do a full stack project someday 😃 with vanilla JS and Backend: Node.js, MongoDB...

[@tonyy.9855]

The only video that actually helped me building my cart feature. Thank you sir! Would you also make a tutorial for the payment feature too?

[@kcapt96]

Is there a github page for this project? Thanks great video!

[@pcost]

How Context is different or better than using Redux itself?? Thanks for the video!!

[@joshuaeirman2197]

Thanks for the video, I am getting : Invalid hook call. Hooks can only be called inside of the body of a function component. It is indeed in a function. Any understanding of what this could mean?

[@Djinn667]

Is there a way to do this in typescript? I seem to be having a lot of trouble with the types here.

[@jbaliamine921]

thank you degla

[@alexissantos5266]

Hi, I have a question, if you press crtl + f5 you don't lose the items saved in the cart? because that happens to me D: xd maybe it is a very silly question :C. Anyway, excellent explanation :)

[@morpheusmatrix1073]

Hi, any coupon code for your creative react course ?

[@dugsiiye]

Simple as That :)

[@princev4387]

I just miss the facecam, and your happy, authentic smile.

[@adiletnasirov4413]

Molodes bratan 👍

[@daryazat8049]

great:3

[@Lissaleggz]

I never said this but thank you for helping me learn react and landing jobs.

[@damyvegaleiva]

Thank you. Which vs code theme is that ?

[@MultiPlayerHardcore]

Material Theme Palenight

[@stevedthecoder]

Is this code available on the provided GitHub? I have been checking for atleast 1 hr now. Someone help!