ReactJS Course [9] - UseContext Hook | State Management

Поділитися
Вставка
  • Опубліковано 12 січ 2025

КОМЕНТАРІ • 113

  • @lennonporto765
    @lennonporto765 2 роки тому +32

    this course came in the right time for me, you're really making react look easier. Thanks for it, glad i've found your channel

  • @randerins
    @randerins 2 роки тому +7

    I really like how you used a practical example with actual code to describe prop drilling, instead of just showing a graphic like most tutorials do. Made it way clearer for me. Thank you!

  • @jitxhere
    @jitxhere 2 роки тому +6

    Pedro this is a very good lecture. As a beginner in react I was very confused with useContext but this example clear many of my doubts.
    Amazing buddy. Can't thank you enough for this series.

  • @sibtycodes3358
    @sibtycodes3358 Рік тому +4

    Young talent right there ...Great teaching skills....Thanks for making my React learning easier

  • @amiralikhan
    @amiralikhan Рік тому +1

    Thanks, Pedro, the way you have taken step-by-step tutorials makes it very easy to learn React!

  • @afickredox4121
    @afickredox4121 2 роки тому +1

    i really love the way u explain, is so systemic, rather than jump into main topic, but start explain the problem what we face then solve it with a simple solution, thanks man ! is really easy to understand

  • @kokodev3719
    @kokodev3719 2 роки тому +2

    Thank you so much for this tutorial on useContext. You are an amazing instructor. I was taking a React Course from ZTM it was so confusing and frustrating. You made it sound easy and understandable and even exciting. I so very much appreciate it, thank you!

  • @ashishtripathy2768
    @ashishtripathy2768 2 роки тому +2

    someone recommended your channel on Twitterr for react . I watched over 10 videos and no one explained in this manner. Thanks

  • @manavshah1844
    @manavshah1844 2 роки тому +2

    This explanation is making me learn react easily mate
    Thankss a lot

  • @lodix-0
    @lodix-0 Рік тому +1

    the best channel on react i've ever met!

  • @rajat_171
    @rajat_171 Рік тому +1

    It's been 1 year of this video and still to the date nobody explained this concept with this simplicity

  • @DusanStanojkovic
    @DusanStanojkovic Рік тому

    just wanted to show u some appreciation. great teaching. you make everything better for us newbies. practical and super simple.

  • @slaffsla
    @slaffsla 2 роки тому

    You explain so well, Pedro. I am glad I found your course! I progress much quicker than in previous two React courses that were easier in level.

  • @jasondavis2094
    @jasondavis2094 9 місяців тому

    Great tutorial. Keeping it simple and explaining why we use the hook. Thank you!

  • @ИннаБогданова-к4щ
    @ИннаБогданова-к4щ 2 роки тому +1

    Pedro, i have not seen it yet, but i 100% sure that you made a perfect content as always! It's time to see it))

  • @haciendadad
    @haciendadad 2 роки тому

    Great video! I wanted to learn what useContext hook does, you made is very easy to understand, thank you!

  • @toobamumtaz-c9m
    @toobamumtaz-c9m Місяць тому +1

    mind blowing explaination!🤩

  • @nic_jaws
    @nic_jaws 2 роки тому +1

    You are a legend! Great videos. Thank you so much Pedro

  • @maddyjadhav6450
    @maddyjadhav6450 2 роки тому +1

    Great content as always!! Thank you for your efforts to make this series 🙏🏻

    • @maddyjadhav6450
      @maddyjadhav6450 2 роки тому

      Just found your video on react testing thank you 🙏🏻 ua-cam.com/video/JBSUgDxICg8/v-deo.html

  • @obigwesolomon1640
    @obigwesolomon1640 6 місяців тому

    thank you so much, this is way better than redux. Thanks Pedro !!!!

  • @samduss4193
    @samduss4193 9 місяців тому

    actually I watch it first and try to build it from online source and can not get it well setexplained.... now i got it :) thank you

  • @eshw23
    @eshw23 2 роки тому +3

    Hey Pedro, loving the series, at the end or anytime soon could you do a bigger project that makes us utilize everything we learned, such as API's and useEffect? Thanks!

  • @codezeloss
    @codezeloss 2 роки тому

    Thank you so much man!! Very very well explained !! To be honest, glad I've found your channel ❤.

  • @itzdonamicable3735
    @itzdonamicable3735 8 місяців тому

    Pedro reacts class is the best video I have ever seen on this UA-cam ❤... I think he's explanation still remains the best.. though I'm new in react 😢 buh will be waiting for the last react update version videos..

  • @gunishjain9307
    @gunishjain9307 2 роки тому

    Great Explanations, simple and easy to follow!

  • @alexcoroza4518
    @alexcoroza4518 Рік тому +1

    I still need more convincing before i use this useContext in react.
    In angular, it is like multiple components DEPEND on a certain service which contains the data, makes them coupled with that service but yeah it does solve the prop drilling problem.
    What we do is we just limit the level of component layer that we have to just 2 or 4 at maximum(rare case). Excluding the top most layer which is the App, we have the page components(here we import the required services we need for that page), and then we have the normal components which has no external dependencies, they will work perfectly fine as long you provide the correct props/@inputs. We also utilize the concept of "content projection" to reduce the need of heavy prop drilling.

  • @faizanahmed9304
    @faizanahmed9304 2 роки тому +3

    Hey brother thanks for the video, btw check your timestamps they are the last video ones.

  • @abhayrajjha7077
    @abhayrajjha7077 2 роки тому +3

    Can you make a video on managing state using local storage.

  • @mohsenahmadi4851
    @mohsenahmadi4851 2 роки тому

    One of the best explanations about context API. 👍🏻💯

  • @k303k
    @k303k 2 роки тому

    Great Explanation Pedro .Thank you!

  • @ardhisasongko
    @ardhisasongko 2 роки тому +1

    Perfect learnin source for learning react

  • @zero3281
    @zero3281 8 місяців тому

    golden words = "i cant think of any excercise". heheh makes me happy

  • @tokhirjonkhasanov1640
    @tokhirjonkhasanov1640 Рік тому

    I understood very easily because of this video😊. Thank you Mr. Pedro

  • @amankushwaha8180
    @amankushwaha8180 Рік тому

    you are amazing teacher glad i found your channel

  • @bilal5488
    @bilal5488 2 роки тому +1

    just had one heart every single you won it❤️
    but just need to know did you teach some state management library in this course plzz answer

  • @HimanshuSingh-ek3mu
    @HimanshuSingh-ek3mu 2 роки тому +1

    Hey Pedro Please make a vedio on How to use Context API with use Reducer and Two way binding and also how to transfer data from a child to parent .

  • @GH-pu3xc
    @GH-pu3xc 8 місяців тому

    My Universe! This is well explained

  • @shri_x1
    @shri_x1 2 роки тому +4

    pokimane fan lol.. nice vod now i know this hook better before ..thanks man :) love u

  • @anuragC819
    @anuragC819 Рік тому +1

    Why is this episode not in the repo on github?

  • @2ameridiem
    @2ameridiem 10 місяців тому

    why are the username and setusername passed inside curly braces in the Appcontext.Provider? can we not pass them directly without the braces? Like this
    ...?

  • @2ameridiem
    @2ameridiem 10 місяців тому

    doesn't encapsulate the ChangeProfile component. Then how does ChangeProfile get access to the data passed down by the Appcontext. Provider?

  • @sheikhtahamaroof8484
    @sheikhtahamaroof8484 8 місяців тому

    very beautifully explained!
    !

  • @yashiel
    @yashiel 2 роки тому +1

    Waiting for this like crazy... hahaha

  • @salladiallo9766
    @salladiallo9766 Рік тому +1

    Hello Pedro , when I click on the github page , it gives me an error.where can I get the code for this episode ?

  • @softwaredeveloper2897
    @softwaredeveloper2897 2 роки тому +1

    Awesome as always

  • @keyboardbasher5769
    @keyboardbasher5769 2 роки тому +1

    love these videos dude

  • @abdirahman1578
    @abdirahman1578 2 роки тому

    Awesome tutorials mate, you mention that there are different use cases for ContextAPI for state management. Not sure if this is covered in future videos but how would you choose between redux and useContext? what are pros/cons of each?

  • @khaaliil
    @khaaliil 9 місяців тому

    what's the theme you are using please ? I really like it , simple and practical. ^^

  • @_dikay
    @_dikay 2 роки тому +1

    well explained, thanks a lot pedro👍

  • @aymenhar2818
    @aymenhar2818 8 місяців тому

    thank god we don't have to use props drilling... i just kept feeling stupid for like 12 minutes man thank u

  • @oncoding4520
    @oncoding4520 2 роки тому

    so while you posted your firebase today just learned for the first time clean and ready to go this concept FINALLY it was a stress in my mind. I also i checked out the other react context that you have did previously. Can you please have time someday to post a video about how to get to understand data structure or algorithms because I saw a reels of you how you prepared and was "woou" in 3-4 months. And I was wondering maybe it will be a good idea to make a video like the very basic steps to follow and on which direction and I will do it like i learned react from you video. Thank you brother really

    • @oncoding4520
      @oncoding4520 2 роки тому

      ohh so now I see you have also a pop drilling react video. nice, going to watch that too

  • @lucianoamaya7828
    @lucianoamaya7828 2 роки тому

    Pedro thanks for your tutorials, they are very helpfull for me. I would love to see a useReducer tutorial

  • @abhishekpuvvada2175
    @abhishekpuvvada2175 2 роки тому +1

    ChangeProfile component is not directly a child of the AppContext. Will it be able use the Appcontext value even then ?

    • @PedroTechnologies
      @PedroTechnologies  2 роки тому

      Yes! Every component below the context can use it, even if it is not directly related.

    • @abhishekpuvvada2175
      @abhishekpuvvada2175 2 роки тому

      @@PedroTechnologies Thank you! Your videos have helped me a lot!

  • @helpbox6981
    @helpbox6981 Рік тому

    Nothing is showing bro I create two other file in sams location where the App.js is located. No error is showing everything is clean but blank is showing 😒😒😒 what I do tell me I don't want this context API 😭

  • @moreinfobelow
    @moreinfobelow 6 місяців тому

    Hi Pedro, the code for Episode 9 has been removed from the repo. Can you help? Does anyone have issues finding the code?

  • @michelpomerantzeff1749
    @michelpomerantzeff1749 2 роки тому

    Video sensacional Pedro! So um pequeno heads up, caso vc nao tenha percebido, tem algumas partes do video que deveriam ter sido cortadas na edicao. To mencionando na melhor das intencoes, ate pq seu conteudo eh mto bom mano! Parabens demais e keep it up ;)

    • @PedroTechnologies
      @PedroTechnologies  2 роки тому +1

      Boa mano obrigado!! C pode me dizer em quais partes? Kkkkkkkk eu tenho um editor que edita os videos ai vou mostrar pra ele. Obrigado mano!!

    • @michelpomerantzeff1749
      @michelpomerantzeff1749 2 роки тому

      @@PedroTechnologies no minuto 13:20 vc importa useContext e depois corrige pra createContext ... E tem algum outro momento que eu nao lembro mais ... mas foi antes disso, entre o comeco e meio do video. Nao eh nada que atrapalhe o video ... sao so pequenos detalhes de edicao msmo pra deixar o video ainda melhor.

    • @ValeriiLutiy
      @ValeriiLutiy 11 місяців тому +1

      I disagree. The full video without cuts makes the video more vital. I like it the way it is.

  • @ThetPaingHtutYoma
    @ThetPaingHtutYoma 3 місяці тому

    like state (single source of truth) in vue, how much and how many can i use? so

  • @itszehrakaya
    @itszehrakaya 2 роки тому +1

    Omg, that's what i need!! thx

  • @ignaciodeharo6046
    @ignaciodeharo6046 Рік тому

    Pedro, ¡Coñooo¡ no muevas tan rápido la pantalla de un lado para otro pq tu lo tienes claro paro los que queremos seguir el curso no mareamos! De todas formas es un curso estupendo!!

  • @hamzahamza711
    @hamzahamza711 Рік тому

    thanks pedro for this content it's helpful

  • @johnnysummers9323
    @johnnysummers9323 2 роки тому

    I see people complaining about redux. Do you think redux is a bad solution or maybe it's outdated? Would you recommend any other state management?
    I also see people talking about useQuery but I don't know this hook.

  • @dotDev-dD
    @dotDev-dD 9 місяців тому

    Thanks for this amazing video 🎉

  • @rogeclash2631
    @rogeclash2631 Рік тому

    Hey Pedro i can't see branch 9 , thanks

  • @sagarrayhan4655
    @sagarrayhan4655 Рік тому

    Love your videos brother

  • @HarshDoes
    @HarshDoes Рік тому

    Course code link is not working brother

  • @ougininja8412
    @ougininja8412 2 роки тому

    Thx for explaining it clearly

  • @janinduchathushan4581
    @janinduchathushan4581 Рік тому

    Superb.. 🔥

  • @mrwhispersofficial
    @mrwhispersofficial 2 роки тому

    Nice explanation ♡♡♡

  • @rogeclash2631
    @rogeclash2631 Рік тому

    Thanks for this wonderful tuto

  • @ronnykn2108
    @ronnykn2108 Рік тому

    cool, but using useContext hooks is better than using Redux????
    thanks, I still learning React

  • @LearnWithMuhammadAsif
    @LearnWithMuhammadAsif 5 місяців тому

    explain very good. thanks

  • @programming7292
    @programming7292 Рік тому

    You the best man.

  • @erhunmwonseredaniel2827
    @erhunmwonseredaniel2827 2 роки тому

    This helped alot thanks

  • @FilmonGEMZ
    @FilmonGEMZ Рік тому

    earned a sub

  • @WilliamGreenephoto
    @WilliamGreenephoto Рік тому

    Unfortunately the code for this episode isn't on github anymore!

    • @Vishivishnu03
      @Vishivishnu03 6 місяців тому

      why the code is not in github anymore i was searching for this episode code on github.
      I build this episode code in my vs code but the app won't start in web don't know why.? tha'ts why i was searching for this episode code.

  • @lovemanga_forever
    @lovemanga_forever 2 роки тому +1

    Please make a video about redux

  • @WahabShah23
    @WahabShah23 2 роки тому

    Pure Awesomeness

  • @myytkn8526
    @myytkn8526 9 місяців тому

    Great! 💪

  • @a.hannan_06
    @a.hannan_06 Рік тому

    HOW TO SOLVE THIS "props.setUsername is not a function" error. Anyone?

    • @tostoncito
      @tostoncito Рік тому

      I'm getting the same error. Where you able to solve it?

  • @noname_160
    @noname_160 2 роки тому

    bro tell us what would be the final project eh😃

  • @karthikbalasubramanya
    @karthikbalasubramanya 2 роки тому

    Excellent...

  • @abdessamade6995
    @abdessamade6995 2 роки тому

    thank you pedro

  • @kimayapanash8998
    @kimayapanash8998 2 роки тому

    Thanks from Pakistan ❤

  • @rajeshsaravanan733
    @rajeshsaravanan733 Рік тому

    Super bro

  • @j21_33
    @j21_33 Рік тому

    Please allow the option to skip ads

  • @UmairKhan-ye1wr
    @UmairKhan-ye1wr 2 роки тому

    Great...!!!

  • @eavoutdom190
    @eavoutdom190 2 роки тому

    Well explained🤌

  • @herishonsangma5415
    @herishonsangma5415 Рік тому

    Thanks

  • @naveenchander7053
    @naveenchander7053 2 роки тому

    super

  • @augischadiegils.5109
    @augischadiegils.5109 2 роки тому

    ❤️❤️❤️

  • @TheZubbyShow
    @TheZubbyShow 2 роки тому

    Great effort, but you should try to simplify it, maybe go a little slower, explain every step you take. Or else this isn’t for beginners. Then…..

  • @ihuomafesta4167
    @ihuomafesta4167 2 роки тому

    @pedtroTech it seems l am crushing very intelligent and handsome guy u are ☺🤩

  • @sushanthsharmaiitd1271
    @sushanthsharmaiitd1271 Рік тому +2

    Too fast for a beginner to follow. Im trying my best 😢 You should be teaching and explaining every step.

  • @ШахбозТешаев
    @ШахбозТешаев 2 роки тому

    thanks for great explanation, keep going man