React Context API Tutorial For Beginners | useContext Hook | React State Management With Context API

In this video we will understand what is Context API in React JS and how we can implement it in our project. We will also understand and follow some of the best practices while working with Context API in our project so that we can write clean, easy and maintainable code.
We will make use of useContext react hook and create a custom react hook to consume the values and see how it helps in solving the problem of props drilling and make it easy to management state of application and passing data between components.
⭐️Github link for Reference⭐️
github.com/dma...
⭐️ Support my channel⭐️
www.buymeacoff...
🔥 Unacademy 👇
Use my code "dipesh01" to get 10% discount
You get all of this and much more for a nominal fee of Rs999/- for the entire year and with my code you get this for Rs 899!
Career as a Developer: unacademy.com/...
Project Review: bit.ly/Unacade..."
🔗 Social Medias 🔗
Twitter: / imdmalvia
Facebook: / programmingwithdipesh
Instagram: / dipeshmalvia
LinkedIn: / dmalvia
⭐️ Hashtags ⭐️
#react #contextapi #beginners #tutorial
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

[@blavikencz3694]

It was hard to find a good and simple tutorial on Context API. Your video helped me. Thank you.

[@DipeshMalvia]

Glad it helped!

[@kothaib6949]

Your explanations are crystal clear!!! It provides in-depth insight of concepts. Please continue and provide more videos.

[@DipeshMalvia]

I will please support me with buying a coffee for me and get exclusive content. Keep watching!

[@arjunsaili1458]

vid starts at 4:53

[@skverskk]

Great tutorial. I was able to understand everything as it was presented in an easy to follow tutorial

[@DipeshMalvia]

Thanks and glad you liked it!

[@philliplima4999]

Thanks, I finally understood useContext.

[@marcossaucedo7123]

Thank you brother! Most up to date channel with this stuff. Liked and Subbed.

[@DipeshMalvia]

Thanks for the sub!

[@acm.marques]

I found out by chance your channel and I liked the video about Context Api I learned a lot.
Thank you so much Dipesh

[@DipeshMalvia]

You are most welcome

[@imkir4n]

Waiting for interview oriented video 🙌

[@arefinite]

This was very helpful. Thanks for the quick and easy explaination.

[@DipeshMalvia]

Glad it was helpful!

[@robiparvez]

start from 4:54...thank you.

[@gopinathkrm58]

Good explanation

[@debasishrakshit538]

Nice intro Dipesh, do you have any video related to JWT based login functionality in react app? I guess there we can use such context api to maintain the session

[@noorb374]

Great video ... please make more videos like that, your videos helps us alot ... sir now make videos for upper level means(not for only beginners )

[@gkdlightkarthick6954]

Please make video playlist on material UI concepts with react .

[@DipeshMalvia]

Yes, already added in my todo list.

[@DeepakGupta-pz4fx]

Please make on video React unit testing crash course

[@noorb374]

sir please make one video of using useReducer and useContext hook together in application...

[@akhileshmishra5559]

Why did you create user in usestate when you defined it earlier

[@practicalcoder4372]

Awesome🔥🔥🔥🔥

[@DipeshMalvia]

Thanks 🔥

[@piacademy1991]

What happens when page is refreshed?

[@keerthanamalisetty7487]

Please make a video on theming / customizing material UI componets

[@MicahBala]

Thanks for the educative video

[@DipeshMalvia]

My pleasure

[@knowledgepower5192]

Great

[@easinwebpro]

Awesome ❤️

[@dannonabiola8709]

Does this context API carry out user authentication?

[@DipeshMalvia]

You can check this video for content api + firebase authentication - ua-cam.com/video/6kgitEWTxac/v-deo.html

[@user-el7qm7pb3h]

👌👌👌👌👌

[@hemendrasingh560]

Hlo sir I am following gour tutorial but still confused how to use it in mern project please make a video where using nodejs for api when user logged in we shows their name and login page hide and logout page shows after logout name of user also clear and login page shows....
I search the whole youtube but couldn't find a video....Please make it as soon as possible I am video for your video

[@theseanmodd]

Isn't this the old version of react-hook-forms?

[@DipeshMalvia]

May be haven't checked.

[@hemendrasingh560]

Hlo brother please help after page refresh username that shown here is disappeared

[@DipeshMalvia]

Yes, because we are storing the username anywhere so on refresh it will disappear. you can do one thing you can store the username in local storage so that you can retrieve it back on page refresh.

[@hemendrasingh560]

Will you please send me a code....

[@DipeshMalvia]

Don't have code handy but I am creating a new tutorial with React + Firebase for authentication and we will use Context API

[@hemendrasingh560]

@@DipeshMalvia thank you brother waiting for the video

[@zulfiqar7967]

Actually , why we need to use context api., ? These can be accessible using props itself right.??

[@rmt0858]

Prop drilling is unnecessary, when all other child components are not using that prop

[@sharonfrancis663]

Nice

[@DipeshMalvia]

Thanks

[@pradeepkumawat1697]

google CEO sunder pichai