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

Как устранить лишние перерендеры

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

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

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

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