Встречается на собеседованиях • сегодня
Что будешь проверять в коде при лишних перерендерах
При проверке лишних перерендеров в React-приложении:
1. **Мемоизация компонентов** - проверяю использование `React.memo` для функциональных компонентов и `PureComponent` для классовых
2. **Хуки зависимостей** - анализирую зависимости в `useEffect`, `useCallback`, `useMemo` на предмет избыточных или отсутствующих зависимостей
3. **Пропсы** - смотрю, не передаются ли новые объекты/функции/массивы в пропсы при каждом рендере
4. **Контекст** - проверяю, не подписываются ли компоненты на весь контекст, когда нужна только часть
Пример проблемы:
```jsx
function Parent() {
const handleClick = () => {}; // Создается заново при каждом рендере
return ;
}
const Child = React.memo(({ onClick }) => { /* ... */ }); // Все равно будет перерендериваться
```
Решение - мемоизация:
```jsx
function Parent() {
const handleClick = useCallback(() => {}, []);
return ;
}
```
Использую React DevTools Profiler для анализа причин перерендеров.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы