The Prop Drilling Problem Context Solves

Re-rendering Behavior of Context Consumers

React.memo Won't Stop Context Re-renders

Nesting and Overriding Providers

Custom Consumer Hook for Context

Creating a Custom Provider Component

Context with useReducer

Memoizing Context Provider Values

Splitting Contexts to Minimize Re-renders

Providing Context Values with Provider

Creating Context with createContext

Updating Context via State

Passing Updaters Through Context

Nested Providers and Shadowing

Reading Context Outside the Provider

Default Value Without a Provider

Providing a Context Value

Creating a Context

Context.Consumer Render Prop

Reducer Missing Default Case

Inline Context Value Re-renders

Swapped State and Dispatch Contexts

Inverted Guard in Custom Context Hook

Context Value Identity Pitfall

Splitting Contexts

displayName for DevTools

Memoizing Context Value

Context Re-render Behavior

Context.Consumer Render Prop

Providing Context Values

Default Value in createContext

Creating a Context

Custom Hook for Context

Overriding Context Values

When to Use Context

Nested and Multiple Providers

Context with useReducer

Context Limitations

Context.Consumer Render Prop

Creating a Context

Providing a Context

The value Prop

Default Value in createContext

Custom useContext Hook

Splitting Contexts

Memoizing Context Value

Re-render on Value Change

Context with useReducer

Context displayName

Nesting and Overriding Providers