Встречается на собеседованиях • сегодня
Какие плюсы и минусы useLayoutEffect
`useLayoutEffect` выполняется синхронно после рендера, но до отрисовки в браузере.
**Плюсы:**
- Подходит для измерений DOM (ширина/высота элементов)
- Позволяет избежать визуального мерцания при синхронных изменениях
- Полезен для анимаций и сложных манипуляций с DOM
**Минусы:**
- Блокирует отрисовку браузера, что может снизить производительность
- Не рекомендуется для асинхронных операций (лучше `useEffect`)
- Может вызвать проблемы с SSR (гидратация)
```jsx
function Example() {
const [width, setWidth] = useState(0);
const ref = useRef(null);
useLayoutEffect(() => {
// Измеряем ширину элемента до отрисовки
setWidth(ref.current.offsetWidth);
}, []);
return
{width}
;
}
```
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы