Какие знаешь способы оптимизации в React

Memoization – используй React.memo, useMemo, useCallback для предотвращения лишних ререндеров.

const MemoizedComponent = React.memo(MyComponent);
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);

Код-сплиттинг – динамический импорт (React.lazy + Suspense) для загрузки компонентов по требованию.

const LazyComponent = React.lazy(() => import('./LazyComponent'));

Виртуализация списков (react-window, react-virtualized) – рендери только видимые элементы.

Оптимизация контекста – разделяй контексты или используй селекторы (например, use-context-selector).

Избегание инлайн-функций/объектов – они создают новые ссылки, что триггерит ререндеры.

Оптимизация хуков – минимизируй зависимости в useEffect, useMemo.

SSR/SSG – Next.js для статической генерации или серверного рендеринга.

Профилирование – используй React DevTools и Profiler для поиска узких мест.