Разберемся что такое prop drilling и как это фиксить, узнаем как работает контекст в React и как избежать лишних ререндеров при его использовании.
Код из урока - github.com/senior-frontend/us...
Telegram - t.me/snr_fullstack
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. github.com/facebook/react/iss...
2. github.com/facebook/react/iss...
Негізгі бет Контекст в React. useContext и вложенные Context.Provider
Пікірлер: 12