Что такое useEffectLayout в React

`useLayoutEffect` — это хук, аналогичный `useEffect`, но выполняющийся синхронно после рендера компонента, но до отрисовки в браузере. Это позволяет вносить изменения в DOM до того, как пользователь увидит результат. **Ключевые отличия от `useEffect`:** 1. **Синхронное выполнение** — блокирует отрисовку до завершения. 2. **Использование** — для измерений DOM, анимаций или изменений, требующих мгновенного отображения. **Пример:** ```jsx import { useLayoutEffect, useState } from 'react'; function Example() { const [width, setWidth] = useState(0); useLayoutEffect(() => { const element = document.getElementById('target'); setWidth(element.offsetWidth); }, []); return ; } ``` **Когда использовать:** - При работе с DOM (измерения, мутации). - Для предотвращения визуального "мерцания". **Осторожно:** Чрезмерное использование может ухудшить производительность.