All you need to know about the Context API | React Context API Crash Course

In this video I will go over the built in State Management solution for react. Context API is a very interesting api but it is constantly misused, so I wanted to go over my thoughts on it.

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Timestamps:
00:00 | Intro
01:11 | Why use the ContextAPI?
05:48 | Creating a context
07:00 | Creating a context provider
10:32 | Best Practices - Creating context provider components
13:25 | Drawback of ContextAPI

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

#reactjs #contextapi

[mostafa]

Great video. I like how you didn't just explain how to implement context, but also revealed the drawbacks and mentioned where to use it.

[tadakuniyasuda]

Informational, straight to point, friendly, and motivational. I really like how you give us your honest opinion near the end based on your experience. It helps us learners because we are overwhelmed by so many things to learn from. Now I am going to watch your hooks video. Thank you again.

[ChitruShrestha]

Thank you for taking the time to give drawbacks and opinions and your preferred method. It really made it easy to wrap around broad concepts.

[byronk]

I really appreciate how balanced and informative this is . Great delivery and excellent content.

[ramosjeromedelrosario]

im really struggling to stop avoid unnecessary rerenders when using context api, you gave me the idea on how should i fixed it, thanks man

[jaimemedina]

Good stuff here. I appreciate how the downside of context management is underscored. One really needs to think about state, but also the way the state changes.

[lasindunuwanga]

Your knowledge was always incredible. Now your video graphics and etc. are also evolving... Great effort

[frankiefab]

Thank you Pedro for this one. It came at the right time for me.

[hassamulhaq]

Really informative content. I love your suggestions where and when.

[mattfly]

perfect- i just wanted to look into the context API :) u helped me with redux so im looking forward to context api

[berndeveloper]

Love your video man, thanks so much for the info!

[Aziz-kwct]

This video is a lifesaver, thanks a bunch!

[geicianecosta]

Voce eh incrivel!!! Adoro seus videos :D

[elwoseopenstepcrew]

i have the same feeling about redux and graphQL xd amazing video, subscribed ! great job

[misscarla_alhambra]

THANKS! Was very informative and helpfull

[ytpeerz]

Thanks for the video, helped me understand the context API

[austinbriencabanada]

Thanks pedro .. really need this tutorial hope you make next.js typescript tutorial

[songokussjcz]

Hi Pedro. Really nice, as always. I really liked your video on "4 types of Fetch" because you divided that into different files like it would be in production. Here at 8:20 you're saying "And obviously I'm doing it in one file. But imagine how it would look if you separate that to more files". Please: these people (myself partly included) which are watchich these beginner videos have almost certainly a problem to see how it would work with imports and so on in those separate files. So my tip for next time, show it in one file, no problem, but then, for 5 seconds (at the end for example) show it separated to more files with good file names and file structure. Nearly all internet tutorials, for "simplicity" are showing everything in one file.... Be different! Be closer to production! Like you were in "4 types of Fetch video" :-)

[willyhorizont]

yo pedro, I create ContextProvider for socket io and use it for layout in react-router-dom element and use Outlet as a children inside that ContextProvider is that okay? previously I use builtin useOutletContext hooks provided by r-r-d but I have nested protected route so its throw and error.

[enriquesantosdeoliveira]

Olá Pedro! Vc tem conteúdos com typescript?