Context.Provider / Provider.Consumer — простыми словами?

Question

[szQocks]

Не могли бы подсказать примеры где используется и как работает ?

Comments

[Gary_Ihar]

В документации реакт по моему темная тема приложения разбирается с котекстом

Answer 1

[Alexandroppolus]

Консюмер почти не используется, вместо него useContext.

А примеров - миллиарды. Тема, локаль. В библиотеках: хранение стора в реакт-редукс, хранение навигации в реакт-роутер, тема в стайлед-компонентс. Автор мобикса тоже советует сторы хранить в контексте. Это прям вот навскидку вспомнилось.

Comments

[szQocks]

А не служит ли он для предотвращения рендеров от context.provider ? или что-то путаю ?

[Alexandroppolus]

szQocks, консюмер служит только для получения текущего значения контекста, прямо в jsx

[Alexandroppolus]

Ну а сам контекст может передать значение через несколько "слоёв", и да, эти слои не будут ререндерится при изменении значения контекста, если в оный не смотрят. Пропс-дриллинг заставил бы их перерендериться тоже

[szQocks]

Alexandroppolus, хм, понял, спасибо