ReactJS Course [9] - UseContext Hook | State Management

  Рет қаралды 49,715

PedroTech

PedroTech

Күн бұрын

Пікірлер: 112
@lennonporto765
@lennonporto765 2 жыл бұрын
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 жыл бұрын
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!
@ashishtripathy2768
@ashishtripathy2768 Жыл бұрын
someone recommended your channel on Twitterr for react . I watched over 10 videos and no one explained in this manner. Thanks
@PedroTechnologies
@PedroTechnologies Жыл бұрын
Happy to hear!!
@amiralikhan
@amiralikhan Жыл бұрын
Thanks, Pedro, the way you have taken step-by-step tutorials makes it very easy to learn React!
@jitxhere
@jitxhere 2 жыл бұрын
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.
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
Great to hear!
@afickredox4121
@afickredox4121 2 жыл бұрын
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 жыл бұрын
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!
@sibtycodes3358
@sibtycodes3358 Жыл бұрын
Young talent right there ...Great teaching skills....Thanks for making my React learning easier
@rajat_171
@rajat_171 10 ай бұрын
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.
@manavshah1844
@manavshah1844 Жыл бұрын
This explanation is making me learn react easily mate Thankss a lot
@lodix-0
@lodix-0 Жыл бұрын
the best channel on react i've ever met!
@jasondavis2094
@jasondavis2094 7 ай бұрын
Great tutorial. Keeping it simple and explaining why we use the hook. Thank you!
@alexcoroza4518
@alexcoroza4518 Жыл бұрын
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.
@itzdonamicable3735
@itzdonamicable3735 6 ай бұрын
Pedro reacts class is the best video I have ever seen on this KZbin ❤... 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..
@slaffsla
@slaffsla Жыл бұрын
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.
@samduss4193
@samduss4193 6 ай бұрын
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
@haciendadad
@haciendadad Жыл бұрын
Great video! I wanted to learn what useContext hook does, you made is very easy to understand, thank you!
@obigwesolomon1640
@obigwesolomon1640 4 ай бұрын
thank you so much, this is way better than redux. Thanks Pedro !!!!
@ИннаБогданова-к4щ
@ИннаБогданова-к4щ 2 жыл бұрын
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))
@zero3281
@zero3281 6 ай бұрын
golden words = "i cant think of any excercise". heheh makes me happy
@faizanahmed9304
@faizanahmed9304 2 жыл бұрын
Hey brother thanks for the video, btw check your timestamps they are the last video ones.
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
Thanks, will do!
@mohsenahmadi4851
@mohsenahmadi4851 2 жыл бұрын
One of the best explanations about context API. 👍🏻💯
@tokhirjonkhasanov1640
@tokhirjonkhasanov1640 Жыл бұрын
I understood very easily because of this video😊. Thank you Mr. Pedro
@codezeloss
@codezeloss 2 жыл бұрын
Thank you so much man!! Very very well explained !! To be honest, glad I've found your channel ❤.
@ardhisasongko
@ardhisasongko 2 жыл бұрын
Perfect learnin source for learning react
@nic_jaws
@nic_jaws 2 жыл бұрын
You are a legend! Great videos. Thank you so much Pedro
@HimanshuSingh-ek3mu
@HimanshuSingh-ek3mu 2 жыл бұрын
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 .
@maddyjadhav6450
@maddyjadhav6450 2 жыл бұрын
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 🙏🏻 kzbin.info/www/bejne/gHO2hpp6ra52nZo
@amankushwaha8180
@amankushwaha8180 Жыл бұрын
you are amazing teacher glad i found your channel
@sheikhtahamaroof8484
@sheikhtahamaroof8484 6 ай бұрын
very beautifully explained! !
@gunishjain9307
@gunishjain9307 2 жыл бұрын
Great Explanations, simple and easy to follow!
@k303k
@k303k 2 жыл бұрын
Great Explanation Pedro .Thank you!
@abhayrajjha7077
@abhayrajjha7077 2 жыл бұрын
Can you make a video on managing state using local storage.
@GH-pu3xc
@GH-pu3xc 6 ай бұрын
My Universe! This is well explained
@eshw23
@eshw23 2 жыл бұрын
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!
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
Thats the plan!
@eshw23
@eshw23 2 жыл бұрын
@@PedroTechnologies sick
@ayushmishra-sw4po
@ayushmishra-sw4po 2 жыл бұрын
@@PedroTechnologies please dont use typescript
@aymenhar2818
@aymenhar2818 6 ай бұрын
thank god we don't have to use props drilling... i just kept feeling stupid for like 12 minutes man thank u
@lucianoamaya7828
@lucianoamaya7828 2 жыл бұрын
Pedro thanks for your tutorials, they are very helpfull for me. I would love to see a useReducer tutorial
@ougininja8412
@ougininja8412 Жыл бұрын
Thx for explaining it clearly
@ignaciodeharo6046
@ignaciodeharo6046 10 ай бұрын
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!!
@yashiel
@yashiel 2 жыл бұрын
Waiting for this like crazy... hahaha
@bilal5488
@bilal5488 2 жыл бұрын
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
@softwaredeveloper2897
@softwaredeveloper2897 2 жыл бұрын
Awesome as always
@LearnWithMuhammadAsif
@LearnWithMuhammadAsif 3 ай бұрын
explain very good. thanks
@_dikay
@_dikay 2 жыл бұрын
well explained, thanks a lot pedro👍
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
Glad you liked it!
@khaaliil
@khaaliil 7 ай бұрын
what's the theme you are using please ? I really like it , simple and practical. ^^
@dotDev-dD
@dotDev-dD 7 ай бұрын
Thanks for this amazing video 🎉
@keyboardbasher5769
@keyboardbasher5769 2 жыл бұрын
love these videos dude
@itszehrakaya
@itszehrakaya 2 жыл бұрын
Omg, that's what i need!! thx
@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 жыл бұрын
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 9 ай бұрын
I disagree. The full video without cuts makes the video more vital. I like it the way it is.
@anuragC819
@anuragC819 Жыл бұрын
Why is this episode not in the repo on github?
@shri_x1
@shri_x1 2 жыл бұрын
pokimane fan lol.. nice vod now i know this hook better before ..thanks man :) love u
@2ameridiem
@2ameridiem 8 ай бұрын
doesn't encapsulate the ChangeProfile component. Then how does ChangeProfile get access to the data passed down by the Appcontext. Provider?
@oncoding4520
@oncoding4520 Жыл бұрын
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 Жыл бұрын
ohh so now I see you have also a pop drilling react video. nice, going to watch that too
@hamzahamza711
@hamzahamza711 Жыл бұрын
thanks pedro for this content it's helpful
@rogeclash2631
@rogeclash2631 Жыл бұрын
Thanks for this wonderful tuto
@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?
@sagarrayhan4655
@sagarrayhan4655 Жыл бұрын
Love your videos brother
@2ameridiem
@2ameridiem 8 ай бұрын
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 ...?
@programming7292
@programming7292 Жыл бұрын
You the best man.
@ThetPaingHtutYoma
@ThetPaingHtutYoma Ай бұрын
like state (single source of truth) in vue, how much and how many can i use? so
@salladiallo9766
@salladiallo9766 Жыл бұрын
Hello Pedro , when I click on the github page , it gives me an error.where can I get the code for this episode ?
@FilmonGEMZ
@FilmonGEMZ 10 ай бұрын
earned a sub
@janinduchathushan4581
@janinduchathushan4581 9 ай бұрын
Superb.. 🔥
@abhishekpuvvada2175
@abhishekpuvvada2175 2 жыл бұрын
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!
@herishonsangma5415
@herishonsangma5415 Жыл бұрын
Thanks
@erhunmwonseredaniel2827
@erhunmwonseredaniel2827 2 жыл бұрын
This helped alot thanks
@abdessamade6995
@abdessamade6995 2 жыл бұрын
thank you pedro
@kimayapanash8998
@kimayapanash8998 2 жыл бұрын
Thanks from Pakistan ❤
@moreinfobelow
@moreinfobelow 4 ай бұрын
Hi Pedro, the code for Episode 9 has been removed from the repo. Can you help? Does anyone have issues finding the code?
@mrwhispersofficial
@mrwhispersofficial 2 жыл бұрын
Nice explanation ♡♡♡
@WahabShah23
@WahabShah23 2 жыл бұрын
Pure Awesomeness
@rogeclash2631
@rogeclash2631 Жыл бұрын
Hey Pedro i can't see branch 9 , thanks
@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.
@j21_33
@j21_33 Жыл бұрын
Please allow the option to skip ads
@myytkn8526
@myytkn8526 7 ай бұрын
Great! 💪
@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 😭
@karthikbalasubramanya
@karthikbalasubramanya 2 жыл бұрын
Excellent...
@ronnykn2108
@ronnykn2108 Жыл бұрын
cool, but using useContext hooks is better than using Redux???? thanks, I still learning React
@HarshDoes
@HarshDoes Жыл бұрын
Course code link is not working brother
@rajeshsaravanan733
@rajeshsaravanan733 Жыл бұрын
Super bro
@lovemanga_forever
@lovemanga_forever 2 жыл бұрын
Please make a video about redux
@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?
@UmairKhan-ye1wr
@UmairKhan-ye1wr 2 жыл бұрын
Great...!!!
@eavoutdom190
@eavoutdom190 2 жыл бұрын
Well explained🤌
@WilliamGreenephoto
@WilliamGreenephoto 10 ай бұрын
Unfortunately the code for this episode isn't on github anymore!
@Vishivishnu03
@Vishivishnu03 4 ай бұрын
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.
@naveenchander7053
@naveenchander7053 Жыл бұрын
super
@noname_160
@noname_160 2 жыл бұрын
bro tell us what would be the final project eh😃
@augischadiegils.5109
@augischadiegils.5109 2 жыл бұрын
❤️❤️❤️
@ihuomafesta4167
@ihuomafesta4167 2 жыл бұрын
@pedtroTech it seems l am crushing very intelligent and handsome guy u are ☺🤩
@TheZubbyShow
@TheZubbyShow Жыл бұрын
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…..
@sushanthsharmaiitd1271
@sushanthsharmaiitd1271 10 ай бұрын
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
Try Not To Laugh 😅 the Best of BoxtoxTv 👌
00:18
boxtoxtv
Рет қаралды 7 МЛН
Motorbike Smashes Into Porsche! 😱
00:15
Caters Clips
Рет қаралды 23 МЛН
PIZZA or CHICKEN // Left or Right Challenge
00:18
Hungry FAM
Рет қаралды 14 МЛН
Context API in react | get the concept
29:00
Hitesh Choudhary
Рет қаралды 66 М.
ReactJS Course [8] - React Router Dom | Routes in React
17:18
PedroTech
Рет қаралды 50 М.
UseContext Hook Tutorial In ReactJS | Global States
10:00
PedroTech
Рет қаралды 33 М.
Learn React Hooks: useContext - Simply Explained!
15:46
Cosden Solutions
Рет қаралды 181 М.
Learn React useReducer Hook with Examples
14:19
Lama Dev
Рет қаралды 179 М.
useContext with useReducer React Hooks Crash Course
19:45
DesignCode
Рет қаралды 27 М.
Learn useReducer In 20 Minutes
20:12
Web Dev Simplified
Рет қаралды 514 М.
ReactJS Course [7] - How To Fetch Data From an API in React
30:20
Try Not To Laugh 😅 the Best of BoxtoxTv 👌
00:18
boxtoxtv
Рет қаралды 7 МЛН