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

Разберемся что такое prop drilling и как это фиксить, узнаем как работает контекст в React и как избежать лишних ререндеров при его использовании.

Код из урока - https://github.com/senior-frontend/us...

Telegram - https://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. https://github.com/facebook/react/iss...
2. https://github.com/facebook/react/iss...