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

useEffect и useLayoutEffect выполняют схожие задачи, но с разным временем выполнения:

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

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

useEffect(() => {
  console.log('Асинхронный эффект (после отрисовки)');
}, []);

useLayoutEffect(() => {
  console.log('Синхронный эффект (до отрисовки)');
}, []);