Практичні підходи до стейт-менеджменту для корпоративних React-додатків

Запрошуємо на вебінар, де ми розглянемо ключові аспекти управління станом у великих React-додатках. У рамках цієї події обговоримо, як ефективно організувати роботу з різними типами стану для покращення продуктивності та зручності обслуговування ваших проєктів.

Розглянемо такі теми:

• Шість основних типів стану, характерних для масштабних проєктів:
  • серверний стан (server state) – як зберігати й оновлювати дані з сервера;
  • постійний стан (persistent state) – де і як зберігати дані, які мають залишатися навіть після перезавантаження сторінки;
  • стан URL та роутера (URL and router state) – керування навігацією й параметрами в URL;
  • клієнтський стан (client state) – дані, які тимчасово зберігаються на стороні клієнта;
  • тимчасовий клієнтський стан (transient client state) – дані, що змінюються короткочасно та не потребують зберігання;
  • локальний стан інтерфейсу (local UI state) – управління станом компонентів інтерфейсу.
• Практичні приклади використання хуків:
  • особливості використання useState та useReducer для різних типів стану;
  • обговорення ефективності та продуктивності хуків useCallback та useMemo у контексті керування станом.
• Context API в дії:
  • коли і як ефективно використовувати Context API для передачі стану в ієрархії компонентів, уникаючи надмірного рендерингу.
• Інтеграція бібліотек керування станом:
  • порівняння та рекомендації щодо використання таких бібліотек, як Redux, Zustand і машини станів для гнучкого керування станом у корпоративних проєктах;
  • баланс між складністю, продуктивністю та зручністю обслуговування.

Спікер:

• Євген Жилін - Lead Software Engineer @EPAM.