React State Management Tutorial | Context Api | React Tutorial For Beginners

[@nepalcodetv6298]

pass props is not main problem for using state management it is event handling to delete ,add, create,change etc.. to parent component having state . Great Content. Thank You

[@developedbyed]

Correct! Should've made that a bit more clear! My bad!

[@blasttrash]

pass props is definitely a problem. It might seem a problem if you are only passing it one level down. But what if you have to pass a prop all the way down 50 levels to some grandchild in the dom tree? or what if you have to pass it a node that's 50 siblings away in the dom tree? State mgmt solves that problem as well by centralizing this. This is the reason we have mapStateToProps as 1st argument in connect method of react-redux.

[@atulchavhan8003]

Is this a full time replacement for redux or lack some/many features?

[@mikecurry6847]

@@atulchavhan8003 definitely not a replacement but sometimes redux may be a bit overkill. In the end of the video he mentions the main drawback to the usecontext, each element who has it will rerender upon state change, which might not be the best thing for a giant application

[@markokafor7432]

@@developedbyed please do you have another video explaining what he said. i am getting state from an add to cart button. i cant just copy state and paste in addToCartContext.js. I have to pass it from child to parent

[@jani14jani]

If you are already familiar with React and came to this video for the Context API & Hooks start watching at 14:00. If you are still a beginner in React start at 0:00.

[@hchchc948]

Came down here to comment this after I skimmed through 14 minutes...that's why you always check the comments first

[@aammssaamm]

Thanks, this silly guy worries about music more than about his one presentation time codes.

[@sarunmaharjan2508]

@@hchchc948 Tip: always watch tutorial videos 2x playback speed

[@SergioArroyoSailing]

@@sarunmaharjan2508 same. I try to give tutorials a quick scan through first so I know whats coming. Then I can focus on the sections I really want

[@sudhanshumarimganti4694]

Ahhhh! I read your comment after watching the whole video! That's how good Ed is!

[@maciejziemichod37]

this guy is a brilliant and hilarious teacher at the same time, I love it

[@popoduck8309]

Moi Aussie, mon Ami 😀

[@suchanachakrabarti6783]

Finally, I got a clear picture of context API which I have been struggling to learn for long. Thankyou for this awesome tutorial.

[@sudarshan_savvy]

I just love, when someone first explain the problem and before teaching the solution, and he did the same.. I just love the way he clearly explains the things. best

[@vijaykumarreddyalavala3713]

This one is among the fewest videos on KZbin that actually explains why State management is important.

[@TheSaintsVEVO]

And apparently the explanation is wrong according to the pinned comment

[@kartik4152]

@@TheSaintsVEVO the explanation isn't *wrong* , its just a matter of what problem you want to tackle.

[@shivanigaddagimath6105]

Hey! Are you studying or working currently? Are you open to internship/job opportunities?

[@seanc846]

Ed makes things so easy to understand. I spent hours reading or watching other material and they always complicated it somehow. Ed is right, this is a great precursor to learning Redux. Thank you Ed!!!

[@ashimov1970]

Absolutely!

[@reign9211]

I'm telling you....

[@alexph4833]

I'm so happy because i'm learning React and english at the same time, and it feels so good when you understand both things. Thank you Ed.

[@eddiechen6389]

Oh gosh!!! I like how u showed us the problem and then showed us the solution later on, to the point!!! YOU ARE GOOD!!

[@willd0g]

Thanks Ed, this was really helpful. Especially the way you stepped first through the rudimentary approach before introducing the more sophisticated way whilst adding just the right amount of complexity at each layer. The logical flow of the presentation was really great.

[@asharma741]

No simplest little project like this on the internet on context api. I am trying for first time and I got it!. Many thanks to you my best friend. Your tutorials are really effective.

[@mr.RAND5584]

Re render all props. I think that is the purpose of it. To distribute all the data to components. Like authentication, themes, current user... Awesome tutorials. Crystal clear. No indian accent. Big font code.

[@bagup_alpharetards]

One of the best explanations of the Context API. Dev Ed is no doubt one of the best instructors out there when it comes to explaining things easily and efficiently. Thank you so much. You were really helpful.

[@ast453000]

great tutorial. doesn't rely on previous code and doesn't spend hours on css and other bs. gets pretty much straight to the point. every tutorial should be like this.

[@kefamutuma7402]

I'm I the only one rewatching this in 2020? This video makes more sense after I struggled with passing props in components. Great content Ed. Thanks a lot.

[@ijasdeen3809]

I watched at least 50 videos about the topic, not a single one explained like this. Thanks bro

[@rahulbhatia4246]

Possibly the best explanation of contextapi on youtube.

[@punithsharon9610]

I saw a bunch of videos trying to understand this concept. And your video is the only one that made it so simple to understand this concept. Breaking the video into problems and providing solutions to them makes the concept crystal clear. You are an amazing teacher. Thank You so much.

[@yeahyeahduderooski]

This is the fastest and best explanation I’ve seen for using context so far. Thank you!

[@arbobmehmood5831]

Best tutorial on Context API period. All other youtubers are teaching like people already know what context api is. This is the only one which teaches from scratch. Loved it. That's why you are my favorite webdev youtuber.

[@henrynkuke8445]

So far the best explanation i've come across about the contextApi

[@raphael4515]

Finally someone explaining how to use Context between different files. Thank you for this!

[@nicopicco]

This video is over 2 years old, but....by far it is the best on this topic. I absolutely love that Ed describes the issue/problem in detail to understand what is being fixed. Thanks Ed.

[@syedittyhadulislam1276]

A few days ago I was scared of the context API. After watching the video, the fear is over. Thanks man. I appreciate your teaching style... Now I'm one of the new subscriber on your channel.

[@matheuscardoso1]

You have no idea how grateful I am for your videos, man... When I searched for Context API and found this one, I was like "Thanks God I'm finally going to understand that!". I was not mistaken by the way. Yet another time, thanks for saving my life.

[@stephenoj5384]

I have read the official React docs on the context API but it wasn't all clear still until I went through this tutorial. Thanks Ed.

[@sanchayshrivas7749]

Finally, I got to understand this, you're awesome, you explained each and everything clearly and their purposes, how everything's connected all together and all of this without overcomplicating things by using a complex example to demonstrate but you actually kept it all simple and clear! Thanks a lot!

[@thisisgurkaran]

This is one of the best tutorials on Context API and state management that I have seen youtube. Thank you

[@mahirvahmad2149]

After watching many videos about Context API finally I got clear idea about useContext. Thanks a ton !!!!

[@barney8545]

So helpful! I learned how to set up context api quickly, and it's more straightforward than most of the tutorials I saw,

[@jawadshah8043]

Great way of teaching and explaining. I picked everything in first attempt. Not need to watch again. May God bless you.

[@irriet2]

This was the clearest explanation I've seen so far. Thank you, I can finally use it on my own.

[@writersocean9347]

I am just a beginner in react and state management ,was facing a lot of problems in prop drilling ,thank you so much for teaching this technique, helped me a lot:)

[@ozzyfromspace]

I've been watching this (and other related videos) over and over for about half a week now. I've also been working on a beginner game in react and trying to use hooks the right way. Every time I try, my code looks better and I understand React that much better. Thank you for making your videos publicly available, Dev Ed! You're a real one 🏆🤓🙌🏽☺️🔥

[@adamploof3528]

Been working on getting used to using React hooks instead of the passing props down through class based components and this was for sure the most helpful tutorial I've checked out. Thank you!

[@ayush612]

1000+ likes 9 dislikes. implying, helpful to the 99% who watched. Speaks for the quality of the content! Thank you Sir!

[@abhinavsood8915]

You are a breath of fresh air "IN TUTORING"..........

[@therigglet3548]

Needed clarification on updating state and propagating via context. Great job, thanks.

[@Usurperhk]

Best tutorial on context hooks. The documentation to this topic should point to this video!

[@PabloPellegrini]

The best way to understand something is read the official documentation and then go to find that something explained for Ed, Great explication, Thank you so much!

[@kiranbabu9267]

this guy is enjoying explaining his code .......i love this guy

[@jahelsantiago]

i was very confused reading the react documentation and then i saw your video and every thing became clear, Thanks

[@Szchmausser]

2024... Here again. I followed this steps today, five years back, and still works!

[@alexmercer5870]

I love how ed keeps smiling and that makes the content more friendly ! Love ed! Good vibes ❤️

[@lt5056]

the best teacher ever, make things easy to understand

[@emmanuelakogwu720]

What would I have done without this channel ? THANK YOU !!

[@zaratejavierjz]

please make more React videos. You are the only person who explains it well enough.

[@mohammedenqira6226]

I don't what I could do without you Ed

[@realnanodude]

Thanks a lot, I really liked this tutorial. Appreciate that you also explained the downside of using the context api at the end of the video. Makes it easier to understand the difference between context api and redux.

[@benediktlantsoght1706]

Oh Captain, My Captain! A deep and sincere "THANK YOU"

[@BM-uf4pp]

possibly the best video on context api

[@tgtib]

I am learning more in a few minutes on KZbin with Dev Ed than in the long 4 months course I've attended for learn React, ehehehe. Great teacher.

[@siharps30]

Best Context API tutorial on KZbin! Superb tutor, great content

[@PhantomCurve]

Thank you so much for this! Was having a hard time understanding how context truly functions and this really made things much clearer.

[@ashkan9747]

you are explaining the most complex things in the simplest way and that is awesome thank you very much very very nice tutorial.

[@aimeej2191]

For real... I will go through hours of lesson content with no luck, come here and everything finally clicks

[@Behold-the-Florist]

Ed, you're an exceptional teacher! Thanks a lot for the video!

[@leanblue2010]

THIS GUY SAVED MY WHOLE PROJECT lol

[@Toffe]

After binge watching random redux tutorials and trying to understand its implementation, this is heaven sent. IMHO react context API is much easier to understand and implement for beginners like me, Thank you very much for your very concise and well-executed tutorial video.

[@ashishchourasia2830]

The first thing I do after clicking the thumbnail of the video is to like the video; cause I am sure the video is gonna be awesome!!!

[@SergioArroyoSailing]

This is a fairly complex concept, especially for beginners. Thanks for doing a great job of explaining and clarifying it.

[@mabeleain2657]

Finally, I found this video. Thanks Ed. You totally cover the topic.

[@mahsa6699]

I LOVE how simple U explain things. THANK U so MUCH

[@aerial216]

Thanks a lot Ed. Seeing you smiling is like also making us learning Coding is fun.

[@emmaOuiMonAmi]

You do a good job of giving enough info without being boring or confusing. Thank you for making this!

[@salmansaeed4039]

teach me

[@prithwirajdutta3827]

Excellent ed you just created the best react context API tutorial in the world.

[@candleswilam]

so clear explanation, i like your way of teaching code with fun , make it interesting and not boring , thank you so much

[@birenjung]

felt so grateful for this amazing explanation of use context

[@natalieacevedo4575]

best programming teacher of youtube!, thanks so much for making such great videos!

[@temzeks]

Watched two times and i think i understand it now. Watched the video along with Dave ceddias react book. filled up the black holes pretty well! Ty

[@RaajKanchan]

Thank You Dev Ed, you made the concept very simple to understand. I would recommend the video to every beginners.

[@MrNimbus3000]

Thank you! Thanks to this video I saw really useful features and approach of using Context which was not covered in the original documentation. You are rock!!!

[@gnumanoj]

Hi Ed, I have been watching your videos as and when needed, but this was (is) the gem of all. You made it super easy to understand the whole Context API in 30 minutes, that is _brilliant_ ! Thank you again!

[@jani14jani]

Thanks for this video Dev Ed. I always thought the context API as very clunky compared to Redux etc... This video made me realize how easy it really is.

[@mataspigaga]

This was fantastic. I went through a 40 hour course on React and watching the first 15 minutes of this really made the concepts sink in on how it all works simply

[@dennismubamba5064]

This playlist really helped get a grip on React and helped get a new job. Good looking out Ed :)

[@aurelien76800]

So much content on KZbin, so few high quality as yours. You are my favorite :) Keep going on!

[@RickBeacham]

Wow you make React easy and fun. Great teaching and I like your humor.

[@fernandosalas4885]

Best explanation ever about Context API.

[@vishsingh7235]

This video and your React Router video both helped me through projects that I was having a hard time with. Your teaching style is so reassuring and fun. You've become my favorite online dev. I'm going to purchase your Creative JavaScript course because I'm focusing on JS and React right now. Later down the line, I'll probably grab your HTML/CSS one too, just to shore up any holes in my knowledge. Please consider making a React course. I know in another video you said you're going to transition to C# and game development, but I'm sure people would love a React course from you.

[@alionamarshall1355]

Vish Singh 100% I agree with you. Please give us a react course Ed. Please 🙏❤️

[@mariusj8542]

First time this useContext hook made sense to me. Perfect!

[@nmrfahmi]

I love the way you teaching, it's fun. I think i'm gone turn on the notification for the another videos. Great job

[@adarshpandey2978]

Thank you Ed! you never let me down. Thank you for everything. Love from India ❤❤❤

[@shivanigaddagimath6105]

Hey Adarsh! Where in India are you based currently? Are you open to internship/job opportunities?

[@jyotysingh653]

I just watch you coz your smile gives me peace of mind and your tutorials are really helpful.... thank you.

[@yannickstreicher4557]

Dude your tutorial is very well structured and the way you show the code is very clear and calming! Good Job :)

[@sagdiforman]

You have a great talent teaching. You made confusing things very clear. Thanks!

[@onetwothree2834]

The way you explaining something is really amazing.

[@pronayguha7099]

You are awesome . Almost slept after scratching my head for context then there you are

[@praveenprajapati2229]

Its the best video on Context-API i ever seen.

[@tariqmors7658]

Super good and clear explanations for beginners, that you present the problem in common use case and provide the solution to it.

[@Dimlutube]

Hi Ed. I just wanted you to know that I appreciate how well you explain how everything works. Please keep up the great work!

[@jorisw_]

Tiny note about the "..." spread operator: It doesn't copy the movie list array, it _deconstructs_ it into the separate items _from_ that array, and inserts (spreads) them where you put the ... in your new array. Much like const { this, that } = foo deconstructs this and that from the foo object.

[@kishangohil479]

Great video, i was suffering to managing the state as i am beginner. It is worth watching this video and thank you for giving me insight to useContext.

[@rodrickndhlovu178]

Dev Ed, Thanks a lot for your tutorials. You just dont know how much I'm learning from you.. I hope youtube is paying you enough mate coz I'm sure that I speak on behalf of many when I say that you manage to walk us thru the tutorials step by step in an understandable manner!

[@jinyoucheng8114]

I am commenting on the 771th. It couldn't be better. Awesome & clear & kind explanation.

[@NaveensinglaYT]

Best explanation on the entire youtube

[@sk_the_engineer_guy]

Your video's fist 5 seconds earned you an subscriber..!!

[@pasinduwewegama8870]

Love how you explain the problem along with the solution. Very articulate!

[@Futureblur]

Thanks! I love how you always smile while explaining :)

[@lucastvms]

Man, you are brilliant, for real! Thanks for the video!