#собесы #react #senior
Вопросы, которые могут задать на собеседовании Senior React Developer.
Проверьте себя без помощи поисковиков!

❓Как работает React Context?

Пример кода:

const ThemeContext = React.createContext('light');

const App = () => (
  <ThemeContext.Provider value="dark">
    <Toolbar />
  </ThemeContext.Provider>
);

const Toolbar = () => (
  <ThemeContext.Consumer>
    {theme => <div>Current theme: {theme}</div>}
  </ThemeContext.Consumer>
);

Здесь ThemeContext.Provider передает значение dark, которое может быть использовано в любом дочернем компоненте через ThemeContext.Consumer.

❗️React Context позволяет передавать данные через дерево компонентов без необходимости передавать пропсы на каждом уровне. Это особенно полезно для глобальных данных, таких как темы, настройки пользователя или состояние авторизации. Context состоит из двух частей: Provider (поставщик данных) и Consumer (потребитель данных).

Ссылка на документацию по React Context