В чем разница между хуками useEffect и useLayoutEffect

useEffect и useLayoutEffect оба выполняют сайд-эффекты, но различаются временем выполнения:

1. useEffect
   • Запускается асинхронно после рендера и отрисовки компонента в DOM.
   • Используется для сайд-эффектов, не требующих синхронного обновления (запросы, подписки).

2. useLayoutEffect
   • Запускается синхронно перед отрисовкой, но после обновления DOM.
   • Полезен для измерений DOM или синхронных изменений перед отрисовкой (чтобы избежать "мерцания").

useEffect(() => {
  console.log('Выполнится после отрисовки');
}, []);

useLayoutEffect(() => {
  console.log('Выполнится перед отрисовкой');
}, []);