useLayoutEffect və useEffect arasındakı fərq nədir?

useEffect asinxron olaraq sonra render və DOM-un yenilənməsindən sonra icra olunur. Bu, vizuallaşdırmaya təsir etməyən yan təsirlər üçün, məsələn, məlumat sorğuları üçün idealdır.

useLayoutEffect isə, sinxron olaraq sonra icra olunur, lakin əvvəl ki, brauzer ekran üzərində dəyişiklikləri "çizər". Bu, DOM-dan məlumat oxumaq, onu sinxron dəyişdirmək və ya ölçülərini ölçmək üçün istifadə olunur, istifadəçi nəticəni görməzdən əvvəl.

	useEffect	useLayoutEffect
İcra vaxtı	Asinxron	Sinxron
Vaxt	DOM render və çəkmədən sonra	Render və çəkmədən əvvəl
Məqsəd	Vizuallaşdırmaya təsir etməyən yan təsirlər	DOM oxuma/dəyişmə, ölçmələr, çəkmədən əvvəl
Performans	Ümumiyyətlə daha yaxşı	Çəkməni bloklaya bilər

useLayoutEffect istifadə edərkən diqqətli olmaq lazımdır, çünki bu, brauzerin yenidən çəkilməsini potensial olaraq bloklaya bilər və performans problemlərinə səbəb ola bilər, xüsusən də yavaş cihazlarda. Əksər hallarda, useEffect istifadə etmək üstünlük təşkil edir.