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

Что будешь проверять в коде при лишних перерендерах

При проверке лишних перерендеров в 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 для анализа причин перерендеров.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

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

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы