Глава 17. Context API и общие данные

Зачем эта глава

Когда данные нужны во многих компонентах, передавать props через цепочку становится неудобно.

Context API позволяет делиться данными без лишних промежуточных передач.

Теория (коротко)

Context создаётся через createContext и передаёт данные через Provider.

Компоненты получают доступ к данным через useContext.

const ThemeContext = createContext("light");

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

function Page() {
  const theme = useContext(ThemeContext);
  return <div>Тема: {theme}</div>;
}

Задания