Context и useContext

Часть курса React

В вашем приложении есть переключатель тёмной темы. Сам переключатель живёт на панели настроек, а знать о нём нужно кнопке, которая сидит восемью компонентами глубже, внутри таблицы, внутри карточки, внутри страницы. Чтобы доставить значение от одного до другой через пропсы, каждому компоненту между ними придётся принимать проп theme, которым он не пользуется, и сразу отдавать его дальше.

У React для этого есть официальная лазейка, и называется она контекстом: значение публикуют в одной точке дерева компонентов, а любой компонент ниже может прочитать его напрямую, на какой бы глубине он ни сидел, и никому посередине не приходится передавать его дальше. Здесь хорошо подходит образ радиопередачи. Станция вещает на своей частоте, и любой приёмник в зоне охвата настраивается на неё напрямую.