🌈 16 - React Context API - What is Context - The useContext Hook

Learn about the React Context API. This video shows the usages of the context API by taking an example with props and refactoring the code to use context.

Learn the real-life usages of React context APIs like,
- The createContext method
- Providers
- The useContext hook.

Also, know when to use context and when not to. Please practice as you learn. You can DM me on Twitter if you have questions.

Timecodes
0:00 - Introduction
00:30 - The Family Story: Props and Context
03:02 - Family App using Props passing
14:21 - What is Context in React?
17:57 - Family App using React Context API
28:22 - When to use Context vs Props

Important Links
---------------------------

🙏 Do you want to Support my Work? Please follow this link to learn "How To",

[mekalapraveen-xnrl]

Hi Sir, You are awesome. Your way of visual explanation is great. And an expecting more videos with new concepts.

[techdev]

After watching this get clarity on how can useContext.
Thanks, Tapas for the valuable content

[kirtisharma]

Explanations are simple and very easy to understand. Thank you for taking out time to create this series!

[abhijeetkaushal]

Glad I followed you and this playlist ! code examples are really simple and explanation is on point. Thanks a lot sir for your effort of teaching us React.

[stephikebudu]

Thank you Tapas!!! Your video did it for me…again!!!🤝🏽👏🏽

[prasenjitsaha]

Thanks for all the wonderful tutorials. Please make videos on routing and forms.

[doruktekel]

I want to say, you are a good teacher first of all because i learn lots of things from you , i already know the context, reduecer, prop drilling etc.. but this last two videos very confusing, firstly you use context in app.js if i am begineer its very difficult to understand why we dont use a context folder in the sources, secondly lots of ingredients for the understanding prop drilling 2-3 is enough for beginners, and we cant reach the context from the witout Family component this is not to be a clear way, maybe i want to reach the context in my whole project. But also thanks for your efforts to this video

[Mahmoud_A]

I love your explanations .. you are amazing 😍

[arankengineer]

sir., why do not we directly export secret and import it where it is needed

[prathameshkhadakban]

Thanks Tapas, Great Explanation.
Any plan for REDUX video ?

[ritikgupta]

is this react series complete as you described in your roadmap video ?

[arankengineer]

hello sir i am creating a context and using same context multipletime with different values like this
<mycontext.Provider value={userdata} >
<Checkcontext />
</mycontext.Provider>
<mycontext.Provider value={"myself lll"}>
<Check2 />
</mycontext.Provider>

is it ok?

[suchakbarik]

When will this series get completed?
Want to learn it and apply for internsips asap 😅😅