Встречается на собеседованиях • сегодня

Какие знаешь способы оптимизации React-приложения

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

jsx

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

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

jsx

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

Виртуализация списков (react-window, react-virtualized) для рендера только видимых элементов.
Оптимизация Context API – разделяй контексты или используй селекторы (например, use-context-selector).
Избегай инлайн-функций/объектов в пропсах – они создают новые ссылки при каждом рендере.
Оптимизация хуков – минимизируй зависимости в useEffect, useMemo, useCallback.
Профилирование – используй React DevTools и Profiler для поиска узких мест.
SSR/SSG – Next.js для статической генерации или серверного рендеринга.
Оптимизация изображений – lazy loading, сжатие, современные форматы (WebP).

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы