Встречается на собеседованиях • сегодня
Как устранить лишние перерендеры
Используй `React.memo` для мемоизации компонентов, если пропсы не изменились. Для сложных вычислений применяй `useMemo`, а для колбэков — `useCallback`.
Пример:
```jsx
const ExpensiveComponent = React.memo(({ data }) => {
const processedData = useMemo(() => heavyComputation(data), [data]);
return
</>
);
};
```
Проверяй лишние рендеры через `React DevTools` (вкладка Profiler). Убедись, что стейт и пропсы действительно меняются перед рендером. Для глобального стейта (Redux, Context) используй селекторы или разбивай контексты, чтобы обновлялись только нужные компоненты.
{processedData}
;
});
const Parent = () => {
const [count, setCount] = useState(0);
const handleClick = useCallback(() => setCount(c => c + 1), []);
return (
<>

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