Встречается на собеседованиях • сегодня
Какие способы оптимизации React приложения использовал
1. **Мемоизация** через `React.memo`, `useMemo`, `useCallback` для предотвращения лишних ререндеров.
2. **Ленивая загрузка** компонентов с `React.lazy` + `Suspense` для уменьшения начального бандла.
3. **Код-сплиттинг** через динамические импорты (`import()`).
4. **Оптимизация списков** с `key` и виртуализацией (например, `react-window`).
5. **Оптимизация контекста** – разделение на несколько контекстов или использование `use-context-selector`.
6. **Оптимизация стилей** – CSS-in-JS с критическим CSS или CSS-модули.
7. **Использование PureComponent** для классовых компонентов.
8. **Оптимизация хуков** – избегание лишних вызовов `useEffect`.
9. **Серверный рендеринг (SSR)** или статическая генерация (Next.js) для SEO и производительности.
10. **Использование инструментов** типа `React DevTools` для профилирования.
Пример мемоизации:
```jsx
const ExpensiveComponent = React.memo(({ data }) => {
return
{data}
;
});
const computeValue = useMemo(() => expensiveCalculation(deps), [deps]);
const handleClick = useCallback(() => doSomething(), []);
```
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы