useContext

Avoiding Prop Drilling

Prop drilling occurs when you pass props through multiple layers of components just to get data to a deeply nested child. Context solves this.

React Context

Context provides a way to share values across the component tree without explicitly passing props at every level.

const ThemeContext = createContext("light")

Wrap your tree in a Provider, then any descendant can read the value with useContext.

When to Use Context

Context is great for global data like the current user, theme, or language. For complex state logic, consider combining Context with useReducer.