Sharing state across many components is easier with the Context API. Combine Context with useReducer to build a lightweight global store.

• React.createContext creates a context object.
• Provider wraps components that need access.
• useContext reads the value anywhere in the subtree.

Build a theme toggle. Create a context that exposes the current theme and a function to toggle it, then use it in a child component.

Sharing state across many components is easier with the Context API. Combine Context with useReducer to build a lightweight global store.

• React.createContext creates a context object.
• Provider wraps components that need access.
• useContext reads the value anywhere in the subtree.

Build a theme toggle. Create a context that exposes the current theme and a function to toggle it, then use it in a child component.