Context API in react | get the concept
ฝัง
- เผยแพร่เมื่อ 26 ก.ย. 2024
- The Context API in React is a powerful tool that allows developers to manage state globally across a React application without the need for prop drilling. In this guide, we explore the concept of Context API by setting up a basic example that showcases its usage in a React application. Initially, data passing between components might involve deeply nested props, making the process cumbersome, especially when some components don’t even utilize the passed data. The Context API solves this by creating a centralized store that can be accessed by any component within the app, allowing for a more streamlined and efficient data flow. The steps include creating a context, setting up a context provider, and wrapping the application components with this provider. This ensures that all components are aware of the global state and can either consume or update it as needed. The Context API comes baked into React, so there's no need for additional libraries, making it an ideal solution for simpler state management needs in React applications.
Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdo...
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...
It's one of the cleanest explanations and code I've ever come across.
I really liked this kind of video. A simply but difficult situation without any css that is distracting but solely focusing on the funtionality. Thank you very much
The video was worth 30 mins, now the basics of Context API are very clear. thanks!
I really like your explanations, a mix of theory and practical exercise. The fact that you also debug in front of us is a plus.
It's one of the cleanest explanations and code I've ever come across. Been struggling with this concept for quite a while now. Thank you for clearing it!
very much {useFull} video and {useContext} of video is very profound 😁😁 thankyou sir
Best explanation. Thank you very much.. Want to learn more from you
Most simple explanation out there for Context API in React. Thanks!
I have been searching this blog or that video but this is my stop for simple and easy experience.
He is putting this much efforts being the successful in his filed already.
Sir hats off to you firstly he is shooting the videos on hindi then again shooting the same video on english. ❤🎉
Thank you so much for everything❤
thank you for sharing valuable knowledge , I'm beginner in react , taking interest , bcoz of you teaching system. thank you .
This video just helped Me solve a problem I was having in a project I'm currently working on. Thank You very Much for simplifying it
This tutorial was very useful. Thank you for the clear and succinct explanations, Hitesh.
I am a new bee, and today I face the props drilling in my very first hobby project and think of trying Context API. Got this video and thanks a lot. It seems lot more easier now :)
I like this video because you started this concept independent to other projects...everyone interlinks the concepts so we can't understand if we skip the before videos. Making sure that every concept has deifferent fresh projects will be useful for the audience who wants to learn that particular concept. Thank you hithesh
this video on contextApi helped me understand clearly. thanks, Hitesh, appreciate the effort.
The best introduction video to Context API. Very well explained, you are a great teacher.Thank you very much.
You are an excellent teacher !! Thanks a lot for putting lot of effort !! Hats off !
Great Teaching, Very Simple and easy to understand!!
One suggestion: It would be great if you add some examples so that we can relate easily.
Amazing explanation , clearly understood the Context api. ✅✅
Thank you for your explanation it's very clear
This is the only video that made me understand content api. I have watched a lot of video buy I don't understand any.
Thank you so much I really appreciate 💛
very elaborative and simple way of teaching sir g
Thank You sir, You brilliantly explained the concept.
Amazing content man!Thank you for providing this knowledge for free!I hope your channel grows a lot, you deserve that!
You make everything simple, thank you Sir
very indepth explanation of context api. Thanks for the video. always got confused with props and context
Your videos are awesome, Learning a lot of new things from this course. I am not sure whether you already posted the answer to my question but am a little curious to know the extension you are using to get the written code suggestions.
Thanks for teaching us.
Awesome Video Hitesh. Very easy to digest and follow along.😃
smoothest video on Context API,thanks alot
This video is very helpful for understand Context API in React
Big Fan Sir from last 6 years. thank you :)
Mannn your way of explanation is just amazing... Keep up the good work....
Thank you Hitesh 🎉you are awesome teacher
Hey Hitesh it is really interesting and useful.Thanks
You are one of the best teachers on yt I have learned from. Keep up the great work!!
Thank you very much hitesh sir😊😊
Thank You so much for the great work.
thank you hitesh for these wonderful videos
thanks for this amazing playlist bro really like your explanation for a non hindi speaker like me
Thank you Hitesh!
Thank you so much
You are genius sir you makes very complex things very simple and easy
really good explanation, amazing work
Well explained, Thank you, Hitesh
Hey Hitesh!
Content is amazing as always. Thanks for adding your time and energy for such deep learning videos
Hoping for more topics are coming up 🌻
Thanks!🌻
its useful bro... look for big project and deep concepts from you...
love the pace and simplicity of your videos.
Thanx for giving us such kind of videos
Great work, very well explained
I will keep watching all your videos because I really love how you explain things.
Like you simplified it to the core.
Thank you once again ✅️👍
cleared all my problems , thank you sir
Clean and precise to the point
Hey man. as always thank you for making these videos. it is incredibly helpful!!
thank you for really easy to follow guide
Great course, thanks Hitesh
one of the best video to understand context API
Great job alot to learn from you
you are a good teacher
The best explanation of context API
Nice video on context.Liked It
love your dedication for uploading videos, sir
I'm new subscriber here and I am enjoying your react tutorials
Amazing easy explanation 👏🏻
Thank you so much Hitesh, The concept is very clear.
Watching for revising context api.😊
Guru ji LCO pe login nhi kar pa rha hoon. Maine apko mail bhi kiya h. Please resolve | mera backend ka course 3 days le ruka hua h please resolve this issue 😢😢😢
Ineuron walei access nahi derei.
Unhone sir k courses apnei site pei 20-25k kei daal diye hai
nice explanations I ever saw
Great video Hitesh
thank u hitesh I'm on my journey of Getting better and better at react so i can either move and learn node.js or go further and also learn next.js i dont know let me know if u have a suggestion. because i really want to try backend designing isn't really my thing. only when i feel like it as a job i rather do other codings and leave the css to others.
really nice video, i can say i now understand thee context api
i have learned somuch thank you sir
Good Evening, sir, we are teaching well, and I like your teaching skills and your putting in a lot of effort. I want to tell you something that is complicating things in these videos can you explain it in the easiest way.........
Thanks! You're great are in explaining things)!
The best teacher
Thank you Hitesh!
Thanks. just turned on comments to comment. Thanks alot.
Thank you sir, I got answer of my problem...
clearly explained bro
Thanks 😊. Worth watching this 👍
Keep up the great work!!
simple and easy to understand
Really great and helpful video
Great explanation
thanks a lot hitesh sir.
very helpfull
Awesome sir
great video bro, i think you really sound similar to piximperfect
Thanku so Much Sir
Thanks for the video man.❤
Awesome man
Well explained!
thank you sir for this video ♥
thanks a lot brother to teach us for free of course. well i have a couple of questions can i get a jib by studying here only or i need a paid course(well i know that free courses also enough to get where one wants). The second question is i am currently learning php(offline-class) these days, and for frontend i use tailwindcss (i also know css and bootstrap) , what else i need to do, can you please guide me personally . like can u please show me the path to become a developer . would be a pleasure to get your response
Thanks for the video
Very nice video
Coding starts: 8:29
Is the LCO team inactive? I am a pro LCO member and not able to access my account due to some technical issues. I have mailed all possible mail IDs and none of them replied nor the issue is solved I am not able to access my course. Please help, I lost track and my membership is fading.
Me too facing same issue. Unable to login. Sent couple of mails to support team. But no replies. Not sure whom to contact.
facing same problem. but in ios app im able to access the contents, but it is difficult. waiting for the issue to get resolved.
Same issue
Which extension you are using its automatically suggesting the code can you please say for us
good explanation
Thank you for this tutorial!
You are amazing. Thanks again.
Thanks Sir