Введение в контекст

В этом задании мы познакомимся с React Context и избавимся от проброса пропсов вниз по дереву компонентов.

React Context — это способ передать данные в глубину дерева без явной передачи пропсов на каждом уровне. Сейчас объект user создаётся в App, передаётся в Header, а тот — в . Если между и появятся ещё компоненты, им тоже придётся принимать и пробрасывать , хотя сами они его не используют. Контекст решает это: значение задаётся один раз выше в дереве, а любой дочерний компонент может его прочитать.