Skip to content
21 / 21

Как оптимизировать контекст React, чтобы избежать лишних ре-рендеров?

Главная проблема Context — все потребители перерендериваются при любом изменении value, даже если они используют только часть данных. Решения: разделить контекст на несколько (по частоте обновлений), мемоизировать value через useMemo, разнести state и dispatch в разные контексты, и использовать memo на дочерних компонентах. Для высокочастотных данных лучше взять Zustand с его селекторами.

Как оптимизировать контекст React, чтобы избежать лишних ре-рендеров? | JScriptiser