¿Cuál es la diferencia con el hook useEffect?

useLayoutEffect es similar en casi TODO a useEffect, solo tiene pequeñas diferencias, la diferencia entre ambos radica en el momento en que el efecto definido en el callback es ejecutado de forma asíncrona o síncrona...

⚠️ Advertencia ⚠️
Recuerda que useLayoutEffect se ejecuta de manera síncrona después de que se tenga el render del componente, pero ANTES de ser pintado en pantalla.
 

⚠️ Todo lo que hagas con este hook hará que el paint del componente tarde más de lo esperado, lo cual puede afectar el performance.