Покоряем React Context: секреты, примеры и лучшие практики

React Context - это механизм для передачи данных через дерево компонентов. Он позволяет компонентам подписываться на изменения контекста и автоматически обновляться, когда контекстовые данные меняются, без необходимости явной передачи данных через цепочку компонентов до конечной точки.

Этот вебинар является глубоким погружением в мир React Context и предназначен для разработчиков, желающих углубить свои знания и навыки использования этого инструмента. Вебинар начнется с введения в React Context, где участники узнают о его значении и преимуществах.

Далее, мы разберем базовый пример использования контекста, что поможет вам лучше понять его практическое применение. Будет освещено, как React Context работает "под капотом", что даст более глубокое понимание его механизма действия. Вебинар также охватит разбор самой большой проблемы контекста, связанной с ре-рендерами приложения, и способов её избежания.

Кроме того, будет представлен паттерн publish-subscribe как эффективный способ управления состоянием и альтернатива контексту. Вы научитесь писать код, который решает типичные проблемы контекста, и ознакомитесь с хуком useSyncExternalStore для оптимизации работы с внешними данными. В целом, вебинар обещает быть насыщенным и информативным, предоставляя ценные знания и навыки для эффективного использования React Context в разработке.

План вебинара:

1. Что такое React Context и почему вам стоит об этом знать.
2. Проблемы проброса пропсов и библиотек для стейт-менеджмента.
   1. Разбор базового примера с использованием контекста.
   2. Как реализован реакт контекст "под капотом".
3. Самая большая проблема контекста и как её избежать.
   1. Разбор на примере "слабых мест" реакт контекста.
4. Паттерн publish-subscribe.
5. Пишем код с решениями проблемы.
6. Хук useSyncExternalStore.

Целевая аудитория:

Разработчики с опытом в React, желающие углубить свои знания.

Условия участия: бесплатно. Для получения приглашения на онлайн-трансляцию заполните регистрационную форму.