useContext Hook - React In Depth

Описание: Let's learn about the useContext hook together in React.

We start with an overview of the useContext hook and the steps we need to take to setup a Context Provider boundary as well as provide it a value to all children components.

Then, we look at how we can consume this context inside any children no matter how deep in the tree of the Context Provider.

We wrap up the video by looking at how useContext can be used in conjunction with useState to manage state for multiple components in a parent component.

Chapters:
00:00 Introduction
01:15 useContext Overview
02:40 Steps to create Context
04:00 Component Setup
07:26 Creating a Context Object
10:05 Creating a Value Prop
14:01 Creating a Context Provider
18:54 Consuming Context - useContext Hook
26:40 Manipulating Context Without State
31:09 Visualizing Context
35:07 Stateful Context with useState
47:52 Recap and Next Steps

📦 Github Repository with the notes and exercise code+solutions: https://github.com/Nooder/react-in-depth

💬 Come join us on Discord to chat with a like-minded community about tech and learning:   / discord  

🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon:   / techwithnader