Как работает UseLayoutEffect

`useLayoutEffect` работает аналогично `useEffect`, но выполняется синхронно после всех DOM-мутаций, но до отрисовки браузером. Это позволяет вносить изменения в DOM до того, как пользователь увидит промежуточное состояние. Основные отличия от `useEffect`: 1. **Синхронное выполнение** – блокирует отрисовку до завершения. 2. **Использование** – для измерений DOM или синхронных изменений, где важно избежать "мерцания". Пример: ```jsx function Example() { const [width, setWidth] = useState(0); const ref = useRef(null); useLayoutEffect(() => { setWidth(ref.current.offsetWidth); // Измеряем ширину до отрисовки }, []); return ; } ``` ⚠️ Используйте осторожно, так как это может ухудшить производительность.