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

Sdílet
Vložit

Komentáře • 881

  • @nepalcodetv6298
    @nepalcodetv6298 Před 5 lety +247

    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
      @developedbyed  Před 5 lety +57

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

    • @blasttrash
      @blasttrash Před 4 lety +15

      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
      @atulchavhan8003 Před 4 lety +2

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

    • @mikecurry6847
      @mikecurry6847 Před 4 lety +7

      @@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
      @markokafor7432 Před 4 lety +1

      @@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
    @jani14jani Před 5 lety +290

    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
      @hchchc948 Před 4 lety +12

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

    • @aammssaamm
      @aammssaamm Před 4 lety

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

    • @sarunmaharjan2508
      @sarunmaharjan2508 Před 4 lety +3

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

    • @SergioArroyoSailing
      @SergioArroyoSailing Před 4 lety +1

      @@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
      @sudhanshumarimganti4694 Před 3 lety +2

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

  • @maciejziemichod37
    @maciejziemichod37 Před 4 lety +114

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

  • @suchanachakrabarti6783
    @suchanachakrabarti6783 Před 4 lety +41

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

  • @willd0g
    @willd0g Před 4 lety +10

    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.

  • @sudarshan_savvy
    @sudarshan_savvy Před 4 lety +8

    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

  • @alexph4833
    @alexph4833 Před 3 lety +20

    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.

  • @ozzyfromspace
    @ozzyfromspace Před 2 lety +1

    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 🏆🤓🙌🏽☺️🔥

  • @sanchayshrivas7749
    @sanchayshrivas7749 Před 2 lety +3

    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!

  • @yeahyeahduderooski
    @yeahyeahduderooski Před 4 lety +2

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

  • @gnumanoj
    @gnumanoj Před 2 lety +1

    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!

  • @Dimlutube
    @Dimlutube Před 4 lety

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

  • @ast453000
    @ast453000 Před 3 lety

    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.

  • @raphael4515
    @raphael4515 Před 4 lety +3

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

  • @nicopicco
    @nicopicco Před 2 lety

    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.

  • @eddiechen6389
    @eddiechen6389 Před 3 lety +1

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

  • @thisisgurkaran
    @thisisgurkaran Před 4 lety +1

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

  • @irriet2
    @irriet2 Před 3 lety +1

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

  • @arbobmehmood5831
    @arbobmehmood5831 Před 3 lety

    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.

  • @punithsharon9610
    @punithsharon9610 Před 2 lety

    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.

  • @bagup_alpharetards
    @bagup_alpharetards Před 3 lety +3

    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.

  • @adamploof3528
    @adamploof3528 Před 2 lety

    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!

  • @alexmercer5870
    @alexmercer5870 Před 3 lety +2

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

  • @Emma-lr2no
    @Emma-lr2no Před 4 lety +13

    Thank you , this was just what I was looking for! Best tutorial I have found so far on Context API and hooks. You are so damn sweet btw!

  • @aurelien76800
    @aurelien76800 Před 4 lety +1

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

  • @seanc846
    @seanc846 Před 4 lety +23

    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!!!

  • @barney8545
    @barney8545 Před 3 lety +1

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

  • @asharma741
    @asharma741 Před 3 lety +1

    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.

  • @sepp4511
    @sepp4511 Před 3 lety

    Absolutely insane video man. I am working on my first bigger react native project and this was exactly what I was looking for, thank you so much!

  • @kefamutuma7402
    @kefamutuma7402 Před 3 lety +1

    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.

  • @siddharthgusain1364
    @siddharthgusain1364 Před 5 lety +1

    The easiest and best tutorial on context API. Thanks, Dev Ed :)

  • @dennismubamba5064
    @dennismubamba5064 Před 4 lety +2

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

  • @pasinduwewegama8870
    @pasinduwewegama8870 Před 4 lety

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

  • @benediktlantsoght1706
    @benediktlantsoght1706 Před 4 lety +3

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

  • @alannguyen4441
    @alannguyen4441 Před 4 lety

    Thank you Ed
    Another tutorial that going straight to the point, and I like your style of giving the background issue and how to fix it.

  • @CesarGonzalez-np2oe
    @CesarGonzalez-np2oe Před 4 lety

    Thanks for the video Ed! Was having a hard time understanding Context for a long time, read the React docs and information from more React experts but all seemed so complex but thanks for the way you explain the concepts so easy made it all click!!

  • @vijaykumarreddyalavala3713
    @vijaykumarreddyalavala3713 Před 5 lety +19

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

    • @TheSaintsVEVO
      @TheSaintsVEVO Před 3 lety

      And apparently the explanation is wrong according to the pinned comment

    • @kartik4152
      @kartik4152 Před 3 lety

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

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 Před 3 lety

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

  • @rodrickndhlovu178
    @rodrickndhlovu178 Před 3 lety

    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!

  • @ijasdeen3809
    @ijasdeen3809 Před 3 lety

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

  • @matheuscardoso1
    @matheuscardoso1 Před 3 lety

    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.

  • @henrynkuke8445
    @henrynkuke8445 Před 3 lety

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

  • @yannickstreicher4557
    @yannickstreicher4557 Před 4 lety

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

  • @nmrfahmi
    @nmrfahmi Před 3 lety

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

  • @ThatSneakyBeaver
    @ThatSneakyBeaver Před 4 lety

    Thanks for the video. Your up there with the best for explaining content. I've watched other CZcamsrs explain this but it never quite clicked in my head until this video.

  • @DasomWon
    @DasomWon Před 4 lety

    YOU ARE AMAZING! I love your problem-solving approaching.

  • @realnanodude
    @realnanodude Před 2 lety

    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.

  • @voodkachannel
    @voodkachannel Před 4 lety +3

    What a setup! That's a good change. Love the tutorial, got kind of addicted, peace!

  • @PhantomCurve
    @PhantomCurve Před 2 lety

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

  • @AlexGBY9
    @AlexGBY9 Před 4 lety

    Amazing video, you explain everything so well and this video just covered a problem I was having with context. Keep up the good work man

  • @rahulbhatia4246
    @rahulbhatia4246 Před 3 lety

    Possibly the best explanation of contextapi on youtube.

  • @siharps30
    @siharps30 Před 3 lety

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

  • @therigglet3548
    @therigglet3548 Před 3 lety

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

  • @mr.RAND5584
    @mr.RAND5584 Před 3 lety

    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.

  • @jani14jani
    @jani14jani Před 5 lety +2

    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.

  • @mahirvahmad2149
    @mahirvahmad2149 Před rokem

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

  • @SergioArroyoSailing
    @SergioArroyoSailing Před 4 lety +1

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

  • @jeeves251
    @jeeves251 Před 4 lety

    Thank you!! Very helpful video. I was struggling to set my state in my context consumer and now I have it working :)

  • @RaajKanchan
    @RaajKanchan Před 4 lety +1

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

  • @diegoreis962
    @diegoreis962 Před 5 lety +1

    All right! Amazing! It was what I was looking for! Thank you!

  • @temzeks
    @temzeks Před 3 lety

    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

  • @Toffe
    @Toffe Před 5 lety

    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.

  • @MrNimbus3000
    @MrNimbus3000 Před 2 lety

    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!!!

  • @jawadshah8043
    @jawadshah8043 Před 2 lety

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

  • @Futureblur
    @Futureblur Před 2 lety

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

  • @emmanuelakogwu720
    @emmanuelakogwu720 Před 4 lety +3

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

  • @natalieacevedo4575
    @natalieacevedo4575 Před 2 lety

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

  • @mabeleain2657
    @mabeleain2657 Před rokem

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

  • @MeAsMeButMe
    @MeAsMeButMe Před 2 lety +1

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

  • @stephenoj5384
    @stephenoj5384 Před 3 lety

    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.

  • @onetwothree2834
    @onetwothree2834 Před 4 lety

    The way you explaining something is really amazing.

  • @lucastvms
    @lucastvms Před 2 lety +1

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

  • @jahelsantiago
    @jahelsantiago Před 3 lety

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

  • @syedittyhadulislam1276
    @syedittyhadulislam1276 Před 10 měsíci

    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.

  • @aerial216
    @aerial216 Před 2 lety

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

  • @sagdiforman
    @sagdiforman Před 5 lety

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

  • @ayush612
    @ayush612 Před 5 lety +1

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

  • @mahsa6699
    @mahsa6699 Před 2 lety

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

  • @emmawyman8973
    @emmawyman8973 Před 4 lety +1

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

  • @bornash6809
    @bornash6809 Před 4 lety

    thank you, this is the best context crash course i have ever seen!

  • @Lucas-xn6ff
    @Lucas-xn6ff Před 5 lety

    Hey Ed! This video is amazing, You really have a good didactics!

  • @downfallsky
    @downfallsky Před 2 lety

    hey ed, thanks for always making wonderful videos, it really helped me learning webdev! and your positive personality really makes learning more fun :)

  • @danroche8014
    @danroche8014 Před 3 lety

    Finally managed to update state to context!!! Thank you so much my friend

  • @CourageousWill
    @CourageousWill Před 4 lety

    This video was really helpful! It gave me a better understanding of how to handle state management. Thank you!

  • @jamesonvparker
    @jamesonvparker Před 5 lety

    I love the way you teach and explain everything. Like others have suggested, if you could do a Redux tutorial in your own special way that would AMAZING!

  • @uhlysssuh
    @uhlysssuh Před 3 lety

    Thank you for the simple walkthrough! Love your explanations!

  • @Usurperhk
    @Usurperhk Před 2 lety

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

  • @ibrahimyakupaydn
    @ibrahimyakupaydn Před 2 lety

    Explanation was great ! Thank you so much , really helpful and clear.

  • @prithwirajdutta3827
    @prithwirajdutta3827 Před 4 lety

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

  • @sisfabricio
    @sisfabricio Před 3 lety

    Just amazing, he puts things so simple. Thanks pal!

  • @writersocean9347
    @writersocean9347 Před 2 lety

    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:)

  • @birenjung
    @birenjung Před 10 měsíci

    felt so grateful for this amazing explanation of use context

  • @pronayguha7099
    @pronayguha7099 Před 4 lety

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

  • @LiborPilny
    @LiborPilny Před 4 lety

    Thanks a lot, Ed, for the energy and the enthusiasm that you put into this.... Easy to understand, good examples, speed, etc. Helping me a lot... If I ever make some bucks with React, I will distribute ;-)

  • @mariusj8542
    @mariusj8542 Před rokem

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

  • @uttamshrestha6370
    @uttamshrestha6370 Před 2 lety

    I get a positive vibe while I was your tutorial gorgeous man. Keep making content I love your videos.💖

  • @tgtib
    @tgtib Před 3 lety

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

  • @RickBeacham
    @RickBeacham Před 3 lety

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

  • @ashrafali7687
    @ashrafali7687 Před 4 lety

    It seems everything very easy when ever i found your tutorial on that.Thanks Dev.

  • @PabloPellegrini
    @PabloPellegrini Před 4 lety

    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!

  • @isak7826
    @isak7826 Před 2 lety

    Amazing video man. Really good for me who needed a basic idea of how Context API worked. Love your enthusiasm too! Gonna watch your video about Redux next :D