What is the Context API, and when should you use it instead of Redux?

The Context API allows global data sharing without prop drilling, while Redux provides a structured, predictable state container.

⚙️ Context Example

const ThemeContext = createContext('light');

function App() {
  return (
    <ThemeContext.Provider value='dark'>
      <Toolbar />
    </ThemeContext.Provider>
  );
}

Use it anywhere:

const theme = useContext(ThemeContext);

✅ Use Context for lightweight global state (e.g., theme, user).

✅ Use Redux for complex, multi-slice state management.