Підкорюємо 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, які бажають поглибити свої знання.

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