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

No video

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

Рет қаралды 19,588

Күн бұрын

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.

Пікірлер: 55

@blavikencz3694 2 жыл бұрын

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

@DipeshMalvia 2 жыл бұрын

Glad it helped!

@kothaib6949 3 жыл бұрын

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

@DipeshMalvia 3 жыл бұрын

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

@arjunsaili1458 2 жыл бұрын

vid starts at 4:53

@skverskk 2 жыл бұрын

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

@DipeshMalvia 2 жыл бұрын

Thanks and glad you liked it!

@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

@marcossaucedo7123 2 жыл бұрын

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

@DipeshMalvia 2 жыл бұрын

Thanks for the sub!

@arefinite 2 жыл бұрын

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

@DipeshMalvia 2 жыл бұрын

Glad it was helpful!

@robiparvez 2 жыл бұрын

start from 4:54...thank you.

@philliplima4999 2 жыл бұрын

Thanks, I finally understood useContext.

@imkir4n 3 жыл бұрын

Waiting for interview oriented video 🙌

@noorb374 2 жыл бұрын

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 )

@debasishrakshit538 3 жыл бұрын

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

@gopinathkrm58 Жыл бұрын

Good explanation

@gkdlightkarthick6954 3 жыл бұрын

Please make video playlist on material UI concepts with react .

@DipeshMalvia 2 жыл бұрын

Yes, already added in my todo list.

@practicalcoder4372 2 жыл бұрын

Awesome🔥🔥🔥🔥

@DipeshMalvia 2 жыл бұрын

Thanks 🔥

@piacademy1991 3 жыл бұрын

What happens when page is refreshed?

@akhileshmishra5559 Жыл бұрын

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

@noorb374 Жыл бұрын

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

@DeepakGupta-pz4fx 3 жыл бұрын

Please make on video React unit testing crash course

@dannonabiola8709 Жыл бұрын

Does this context API carry out user authentication?

@DipeshMalvia Жыл бұрын

You can check this video for content api + firebase authentication - kzfaq.info/get/bejne/bNGXnNd2vLrckZc.html

@MicahBala 3 жыл бұрын

Thanks for the educative video

@DipeshMalvia 3 жыл бұрын

My pleasure

@easinwebpro 3 жыл бұрын

Awesome ❤️

@keerthanamalisetty7487 2 жыл бұрын

Please make a video on theming / customizing material UI componets

@knowledgepower5192 2 жыл бұрын

Great

@user-el7qm7pb3h 3 жыл бұрын

👌👌👌👌👌

@hemendrasingh560 3 жыл бұрын

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

@zulfiqar7967 2 жыл бұрын

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

@rmt0858 2 жыл бұрын

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

@theseanmodd 3 жыл бұрын

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

@DipeshMalvia 3 жыл бұрын

May be haven't checked.

@hemendrasingh560 3 жыл бұрын

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

@DipeshMalvia 2 жыл бұрын

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 2 жыл бұрын

Will you please send me a code....

@DipeshMalvia 2 жыл бұрын

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

@hemendrasingh560 2 жыл бұрын

@@DipeshMalvia thank you brother waiting for the video