Встречается на собеседованиях • сегодня
Как Recancellation оптимизирует перерисовку
Recancellation — это техника оптимизации, предотвращающая лишние ререндеры при частых обновлениях состояния (например, анимации или вводе пользователя). Она отменяет предыдущий невыполненный рендер, если пришло новое обновление.
Пример с React и useState:
jsx
const [value, setValue] = useState('');
const handleChange = (e) => {
// React автоматически батчит обновления,
// но при частых изменениях (например, debounce)
// можно явно контролировать ререндеры
setValue(e.target.value);
};
text
Как это работает:
1. При быстрых последовательных обновлениях React отменяет предыдущий невыполненный рендер
2. Планируется только последний актуальный рендер
3. Особенно полезно для анимаций, инпутов, скролла
Альтернативы: `useDebounce`, `throttling`, но Recancellation встроен в React и не требует дополнительного кода.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы