Jaký je rozdíl mezi useLayoutEffect a useEffect?

useEffect se provádí asynchronně po vykreslení a aktualizaci DOM. Je ideální pro vedlejší efekty, které neovlivňují vizualizaci, například požadavky na data.

useLayoutEffect se provádí synchronně po vykreslení, ale před tím, než prohlížeč "nakreslí" změny na obrazovce. Používá se ke čtení informací z DOM, synchronní změně DOM nebo měření jeho rozměrů před tím, než uživatel uvidí výsledek.

	useEffect	useLayoutEffect
Provádění	Asynchronní	Synchronous
Čas	Po vykreslení a vykreslení DOMu	Po vykreslení, ale před vykreslením DOMu
Účel	Vedlejší efekty, které neovlivňují vykreslení	Čtení/mění DOM, měření před vykreslením
Výkon	Obvykle lepší	Může blokovat vykreslení

Při použití useLayoutEffect je třeba být opatrný, protože může potenciálně blokovat překreslení prohlížeče a způsobit problémy s výkonem, zejména na pomalých zařízeních. Ve většině případů je vhodnější používat useEffect.