UseEffect выполняется синхронно или асинхронно

useEffect выполняется асинхронно, после того как браузер отрисует компонент. Это значит, что код внутри useEffect не блокирует рендеринг и выполняется после завершения фазы отрисовки.

Пример:

useEffect(() => {
  console.log('Это выполнится после рендеринга');
}, [deps]);

console.log('Это выполнится во время рендеринга');

Однако, если внутри useEffect есть синхронные операции, они будут выполняться синхронно относительно друг друга, но сам вызов эффекта — асинхронный относительно рендеринга.