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

Nested Providers and Shadowing

Updating Context via State

Context.Consumer Render Prop

Passing Updaters Through Context

Reading Context Outside the Provider

Default Value Without a Provider

Providing a Context Value

Creating a Context

Inverted Guard in Custom Context Hook

Inline Context Value Re-renders

Reducer Missing Default Case

Swapped State and Dispatch Contexts

displayName for DevTools

Context Value Identity Pitfall

Default Value in createContext

Context.Consumer Render Prop

Context Re-render Behavior

Memoizing Context Value

Context with useReducer

Splitting Contexts

Nested and Multiple Providers

Overriding Context Values

Custom Hook for Context

When to Use Context

Providing Context Values

Creating a Context

Context Limitations

Context displayName

Nesting and Overriding Providers

Re-render on Value Change

The value Prop

Providing a Context

Creating a Context

Context.Consumer Render Prop

Context with useReducer

Default Value in createContext

Custom useContext Hook

Splitting Contexts

Memoizing Context Value