On point thanks man!! To sum up : 1. create a context.js for a particular group of children who want to access (or share) same states 2. import that context in parent of those grouped components (by grouped components i mean the children who are going to share same states without "prop digging") 3. provide values for that context which can be accessed by the children 4. To access in children destructure the object passed in provider and use useContext(contextName) to get the object passed in the provider whoooo this ends the summary that i have learnt from this video!!😊
This is absolutely, beyond a shadow of a doubt, the best explanation of this on UA-cam. Thank you for helping me understand it completely in 10 minutes.
Every day you help me in different way, I recived my first task in my job that need to use context, im search in ytb, watch your video, and now I can continuous my task.
Thank you a lot! A great tutorial, straight to the point, and easy to understand. I admire your simple way of explaining it. I always find it difficult to understand it.
I don't know why but you seem like the only guy that translates the problems new things to me as I would expect it to be done. The logic is nicely and simply explained unlike in other videos where it seems like they took some random lines from google trying to explain the feature
Your videos are not only extremely helpful but also very inspiring to us brazilians as you might imagine. I'm glad to discover this channel! Valeus! =)
I have been watching your videos for quite some time. You make the topic very understandable and easy to implement.Gr8 going, keep up the good work. Thanks.
Im looking forward to that project! Im still struggling in react state management, i dont know what to use, what state management to use for newbie like me. Thank you very much. WAITING FOR 3K SUBS THO & good luck 👏💪
finally found a video which goes to the point directly without any unnecessary details, thanks man. I have a question: you have provided all username-setusername-setshowprofile to the children as parameter of LoginContext provider, lets think we have tens of values that need to be shared so do we have to write them all one by one as parameter ? Or is there anyother way like defining them in LoginContext.js etc. ?
Good explanation of how to use the Context API! Beginners should know that this may not be the best example for when you should utilize Context. Since this example requires lifting up the username and showProfile states only one level, it would be more straightforward to pass the necessary state and setState functions from the App component level to the Profile and Login components as props than to use context. I enjoyed the content nonetheless. Thanks Pedro.
Glad you liked it! It depends, you can start your context states anywhere you want as long as it is a component and it is the component above the other components using the states in the component tree!
Awesome video. I'm putting together a simple project and didn't want to use redux. This was a huge help to just pass simple data. Thank you so much. I'm watching your other videos as well!
Thanks for this clear explanation! I still feel there should be easier way to execute such a simple feature... I'm quite a noob with full stack/ web dev and don't know much about these but I'm questioning the value of learning React. It's not very intuitive and it seems to be quite complex and hard to learn, is it really worth putting in all the hours to learn to use it?
On point thanks man!!
To sum up :
1. create a context.js for a particular group of children who want to access (or share) same states
2. import that context in parent of those grouped components (by grouped components i mean the children who are going to share same states without "prop digging")
3. provide values for that context which can be accessed by the children
4. To access in children destructure the object passed in provider and use useContext(contextName) to get the object passed in the provider
whoooo this ends the summary that i have learnt from this video!!😊
Thanks for creating this video straight to the point, I was able to implement context in my project in just a few minutes.
Glad you liked it :)
@@PedroTechnologies Thanks bro you saved my time your method of explaining is fantastic
This is absolutely, beyond a shadow of a doubt, the best explanation of this on UA-cam.
Thank you for helping me understand it completely in 10 minutes.
I struggled so much to find someone explaining it with another example than just the theme example, and very clearly.. THANKS DUDE !!
damn mee too cant understand the white boys shit
For once I finally understood and implemented context API...you explain so easily and straight to the point, with points to take. Thank you
Every day you help me in different way, I recived my first task in my job that need to use context, im search in ytb, watch your video, and now I can continuous my task.
Mann you're the best, you don't kow how much I've grown watching your tutorials
I saw many tutorials for useContext, but after this tutorial, I understood how to use context API easily. Thank you :)
I do not know why you are so underrated , You content is amazing , to the point like it should be
The fact that you left no comment unanswered made me subscribe. Thanks for making this very simple and digestible KT video.
Thanks for the sub! Sometimes I get caught up with work and am unable to answer some, glad on this one I was able to answer everyone hahaha
Thanks "SIR", This was the best explanation I found after searching all day....Thank you so much Pedro❤️
This is the best explanation on context api so far. Short, Simple, with application. Super helpful ❤
This is the best explanation I've seen yet. I've struggled to understand how to use this until now. Thanks!
Another wonderful video..just to the point..no nonsense blabla! Really appreciated!
brother, I have watch many tutorials on usecontext api. But this one your tutorial is so simple and short. and I get it. thank you
Glad to hear that!
best explanation , simplest , clearest, absolutely best. Thank you so much !
you just saved me 1 hour of my life in 10minutes
What a level of making someone understand topic of fear...... it was smooth by you.... thank you....
Far and away the best video explaining the Context API.
its cool that i knew u were brazilian too by hearing your accent. Good work, man. Proud of your content
Elaborated professionally and increased the understandability.Thanks brother
Thank you a lot! A great tutorial, straight to the point, and easy to understand. I admire your simple way of explaining it. I always find it difficult to understand it.
I got my job watching your tutorials ❤️ Thanks bro
I don't know why but you seem like the only guy that translates the problems new things to me as I would expect it to be done. The logic is nicely and simply explained unlike in other videos where it seems like they took some random lines from google trying to explain the feature
Thanks after multiple tutorials, i finally understand
Your videos are not only extremely helpful but also very inspiring to us brazilians as you might imagine. I'm glad to discover this channel! Valeus! =)
Happy to hear that! Vlww mano!
finally i got the concept of use context , thanks for explaining that easily.
Great tutorial! Getting straight to the point was super helpful in understanding it better and easier.
Finally I understand the context API, thank you!!!
Very amazing video... Stuff explained far better than those big/famous youtube channels...
9 dislikes? the only thing I didn't understand throughout the tutorial. Good job man
Hahahaha really happy you liked the video!
Great video man, watched it with breakfast and feel like i got a great understanding
best explanation!! thank you !
I was scaring by the name of context API before watching your video. Finally I've learned. Thanks Dear....
Excellent clear and simple explanation man. Thanks! You got a new subscriber.
I have been watching your videos for quite some time. You make the topic very understandable and easy to implement.Gr8 going, keep up the good work. Thanks.
Thank you so much Pedro!!!! You couldn't have explained this better. This was exactly what I was looking for my project!!!
I finally understood context API. Thanks!
Glad I could help :)
Great video again, Pedro! This was explained so well!
Glad to hear that!
Best explanation I have seen on this topic and perfect for beginners. Very easy to follow!
Thanks for creating this video straight to the point. Such a great tutorial 👏🏻
Best explanation I’ve come across
Props for this one. One of the best explanations of context I have found :)
Thanks. it helps a lot, content is straight to the point
Thank you very much for this video. You clearly described how does Context API work and thanks to you, I was able to implement it in my project!
Excellent explanation, thank you for sharing!!!
Awesome explanation Pedro! Straight to the point!
Thanks for sharing!
Thanks a lot. Wanted to use it on a project, did not know how to but now I do
Thank you very much for this tutorial. You simplified it to my best understaniding.
Amazing!!! The best Context Tutorial ever
Glad it was helpful!
Loved this video! Thanks so much Pedro!
this video was absolute POGGERS
At last... State management 👏👏. Much much thanks
Thank you! This is an introduction video, but I am planning on bringing an awesome React project using a lot of State Management with the Context API!
Im looking forward to that project! Im still struggling in react state management, i dont know what to use, what state management to use for newbie like me. Thank you very much. WAITING FOR 3K SUBS THO & good luck 👏💪
loved it man!! thanks for this short tutorial :)
Glad you liked it!
Very clear explanation. Thank you for this video.
thank u so much bro i understand working concept of context api in 10 minutes
Simple and on point explanation 👍
This is really great Pedro. thank you
Thanks!
Thank you!!!
finally found a video which goes to the point directly without any unnecessary details, thanks man. I have a question: you have provided all username-setusername-setshowprofile to the children as parameter of LoginContext provider, lets think we have tens of values that need to be shared so do we have to write them all one by one as parameter ? Or is there anyother way like defining them in LoginContext.js etc. ?
The way you teach is very appreciable 🔥🔥👌
Exactly what I needed!!!
This was really a perfect explanation man, thank you
I liked the way you are teaching us. Awesome
One more hook learned and used in my portfolio! Thanks, Pedro!
Good explanation of how to use the Context API!
Beginners should know that this may not be the best example for when you should utilize Context. Since this example requires lifting up the username and showProfile states only one level, it would be more straightforward to pass the necessary state and setState functions from the App component level to the Profile and Login components as props than to use context.
I enjoyed the content nonetheless. Thanks Pedro.
Well understood with less time. Very much help video. Thank you @Pedro keep going.
What an amazing explanation, 💯👌
To the point explanation. Thanks man
This is what I need it. Thank you so much
Thank you for your videos bro, especially the React ones. Keep it up bro they're very helpful!
Thank you! Finally I understood Context API. I just have a question, so all states should be saved in the App.js Component?
Glad you liked it! It depends, you can start your context states anywhere you want as long as it is a component and it is the component above the other components using the states in the component tree!
@@PedroTechnologies Thank you!
Why do you need showProfile or setShowProfile when you are setting a username? If a username exists then that means you are logged in
thnks bruh! it was much needed..i only got it from you
Great video. I’ve literally just subscribed.
Awesome video. I'm putting together a simple project and didn't want to use redux. This was a huge help to just pass simple data. Thank you so much. I'm watching your other videos as well!
Best one I can understand from him well
great refresher that I needed! thanks! instant sub :)
Thanks for the sub!
Amazing Tutorial Bro... You Got A new Sub.. Keep the good work up
Thank you I enjoyed the video, it's simple and clear ❤
I understand it well. TQ for this awesome video
Simple solution. Thank the lord. UA-cam is filled with tutorials that do WAY too much to show a simple example. This is a great Video!
Very good onpoint no extra time compact tutorial
My god, this is clearly explained. Thankss!
Thank you. For this case, isn't it almost the same as prop drilling?
Amazing I couldn't understand it until now
Thank you! Really appreciate it!
Great video, simple and effective
This video has nicely explained the concept.
Thank u so much brother....the best explanation I got
Good video sir! this and hitest choudhary video made my concept clear
Really good. Succinct and precise
Glad you liked it!
great tutorial. good luck and waiting for more stuff.
Thank you! Glad you liked it!
Aaah love context❤️
Love it too!
useContext +useReducer =🧨🧨
Might make a video using useReducer too!
Thanks for this clear explanation! I still feel there should be easier way to execute such a simple feature... I'm quite a noob with full stack/ web dev and don't know much about these but I'm questioning the value of learning React. It's not very intuitive and it seems to be quite complex and hard to learn, is it really worth putting in all the hours to learn to use it?
Very helpful video and your explanation was easy to understand. Thanks!
And another question, when would it be convenient using Context and when using Redux? Thank you so much!
I would say context api is good for simple / intermediate projects and smaller component groups in big projects
😍😍😍😍😍😍😍 finaly
very clearly explained. thanks a lot!
Glad it was helpful!
cool, thanks man! very helpful!