Aký je rozdiel medzi useLayoutEffect a useEffect?

useEffect sa vykonáva asynchrónne po renderovaní a aktualizácii DOM. Je ideálny pre vedľajšie efekty, ktoré neovplyvňujú vizualizáciu, ako sú požiadavky na dáta.

useLayoutEffect sa vykonáva synchronne po renderovaní, ale pred tým, ako prehliadač "nakreslí" zmeny na obrazovke. Používa sa na čítanie informácií z DOM, synchronickú zmenu DOM alebo meranie jeho rozmerov predtým, než používateľ uvidí výsledok.

	useEffect	useLayoutEffect
Vykonanie	Asynchrónne	Synchronous
Čas	Po renderovaní a kreslení DOM-u	Po renderovaní, ale pred kreslením DOM-u
Účel	Vedľajšie efekty, ktoré neovplyvňujú kreslenie	Čítanie/módifikácia DOM, merania pred kreslením
Výkon	Zvyčajne lepšie	Môže blokovať kreslenie

Pri používaní useLayoutEffect je potrebné byť opatrný, pretože môže potenciálne blokovať prekrývanie prehliadača a spôsobovať problémy s výkonom, najmä na pomalých zariadeniach. Vo väčšine prípadov je vhodnejšie používať useEffect.