ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
ReactJS Course [9] - UseContext Hook | State Management
ฝัง
- เผยแพร่เมื่อ 17 ส.ค. 2024
- React Beginner to Advanced Course 2022! In this course I will be going over everything you need to know to go from a complete beginner in react, to being able to create big projects on your own.
Course Code/Exercises: github.com/mac...
Course Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/l...
🐙 GraphQL Course: codedamn.com/l...
► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/mac...
Business Email: pedro@pedrotech.co
EPISODE 9 TIMESTAMPS
00:00 | Intro
01:26 | What is State Management?
04:34 | Setting up the Project
12:43 | useContext Hook
Tags:
- ReactJS Tutorial
- ReactJS Course
- React Course
#reactjs #course
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
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!
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.
Great to hear!
Young talent right there ...Great teaching skills....Thanks for making my React learning easier
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!
Thanks, Pedro, the way you have taken step-by-step tutorials makes it very easy to learn React!
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
This explanation is making me learn react easily mate
Thankss a lot
someone recommended your channel on Twitterr for react . I watched over 10 videos and no one explained in this manner. Thanks
Happy to hear!!
It's been 1 year of this video and still to the date nobody explained this concept with this simplicity
the best channel on react i've ever met!
Great tutorial. Keeping it simple and explaining why we use the hook. Thank you!
just wanted to show u some appreciation. great teaching. you make everything better for us newbies. practical and super simple.
Pedro reacts class is the best video I have ever seen on this TH-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..
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
thank you so much, this is way better than redux. Thanks Pedro !!!!
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.
Hey brother thanks for the video, btw check your timestamps they are the last video ones.
Thanks, will do!
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))
Great video! I wanted to learn what useContext hook does, you made is very easy to understand, thank you!
My Universe! This is well explained
very beautifully explained!
!
You are a legend! Great videos. Thank you so much Pedro
Great content as always!! Thank you for your efforts to make this series 🙏🏻
Just found your video on react testing thank you 🙏🏻 th-cam.com/video/JBSUgDxICg8/w-d-xo.html
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.
Thank you so much man!! Very very well explained !! To be honest, glad I've found your channel ❤.
golden words = "i cant think of any excercise". heheh makes me happy
One of the best explanations about context API. 👍🏻💯
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!
Thats the plan!
@@PedroTechnologies sick
@@PedroTechnologies please dont use typescript
Perfect learnin source for learning react
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 .
I understood very easily because of this video😊. Thank you Mr. Pedro
thank god we don't have to use props drilling... i just kept feeling stupid for like 12 minutes man thank u
Great Explanations, simple and easy to follow!
Great Explanation Pedro .Thank you!
Can you make a video on managing state using local storage.
Thanks for this amazing video 🎉
explain very good. thanks
Waiting for this like crazy... hahaha
you are amazing teacher glad i found your channel
well explained, thanks a lot pedro👍
Glad you liked it!
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
Awesome as always
Omg, that's what i need!! thx
Pedro thanks for your tutorials, they are very helpfull for me. I would love to see a useReducer tutorial
Love your videos brother
pokimane fan lol.. nice vod now i know this hook better before ..thanks man :) love u
thanks for great explanation, keep going man
love these videos dude
Thx for explaining it clearly
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!!
Superb.. 🔥
thanks pedro for this content it's helpful
Why is this episode not in the repo on github?
what's the theme you are using please ? I really like it , simple and practical. ^^
doesn't encapsulate the ChangeProfile component. Then how does ChangeProfile get access to the data passed down by the Appcontext. Provider?
You the best man.
Thanks for this wonderful tuto
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
ohh so now I see you have also a pop drilling react video. nice, going to watch that too
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
...?
earned a sub
Great! 💪
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?
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 ;)
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!!
@@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.
I disagree. The full video without cuts makes the video more vital. I like it the way it is.
Hello Pedro , when I click on the github page , it gives me an error.where can I get the code for this episode ?
Hi Pedro, the code for Episode 9 has been removed from the repo. Can you help? Does anyone have issues finding the code?
This helped alot thanks
Hey Pedro i can't see branch 9 , thanks
Thanks
Nice explanation ♡♡♡
ChangeProfile component is not directly a child of the AppContext. Will it be able use the Appcontext value even then ?
Yes! Every component below the context can use it, even if it is not directly related.
@@PedroTechnologies Thank you! Your videos have helped me a lot!
Course code link is not working brother
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.
thank you pedro
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 😭
Super bro
Pure Awesomeness
Thanks from Pakistan ❤
Excellent...
cool, but using useContext hooks is better than using Redux????
thanks, I still learning React
Great...!!!
super
Please make a video about redux
HOW TO SOLVE THIS "props.setUsername is not a function" error. Anyone?
I'm getting the same error. Where you able to solve it?
Well explained🤌
Unfortunately the code for this episode isn't on github anymore!
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.
Please allow the option to skip ads
bro tell us what would be the final project eh😃
❤️❤️❤️
@pedtroTech it seems l am crushing very intelligent and handsome guy u are ☺🤩
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…..
Too fast for a beginner to follow. Im trying my best 😢 You should be teaching and explaining every step.