Чем отличаются useEffect и useLayoutEffect?

useEffect запускается асинхронно после того, как браузер отрисовал экран. useLayoutEffect запускается синхронно после расчёта DOM, но до отрисовки на экран. useLayoutEffect нужен, когда необходимо прочитать или изменить DOM до того, как пользователь что-то увидит, — например, измерить размеры элемента или предотвратить визуальное мерцание.