Контекст в React. useContext и вложенные Context.Provider

Разберемся что такое prop drilling и как это фиксить, узнаем как работает контекст в React и как избежать лишних ререндеров при его использовании. Код из урока -
Telegram -
00:00 - Анонс последней темы в рамках серии React Hooks 00:33 - Prop Drilling 00:52 - Знакомство с кодом примера без использования контекста 02:39 - Почему Prop Drilling это плохо 04:09 - Отличия подходов наглядно на картинках 04:55 - Создание контекста и провайдера, немного о defaultValue 07:55 - useContext вместо Prop Drilling 11:13 - Особенности обращения к провайдеру, подробнее о defaultValue 14:06 - Почему Context API не может из коробки заменить стейт менеджер 15:39 - Разделение контекстов, MasterProvider 17:24 - Обзор кода финального примера 18:00 - Отличия перформанса финального примера с разделенным контекстом 19:13 - Итоги GitHub Issues на тему ререндера контекста: 1.
2.

Смотрите также