React'теги useEffect хуктун варианттары

useEffect хугунун дагы спецификалык жана өтө сейрек колдонулуучу варианттары бар, ошондуктан биз аларга кыскача токтолобуз.

Биринчи вариант - бул useLayoutEffect хугу, ал браузер экранды кайрадан чийгенге чейин иштейт. Бул мүмкүнчүлүктү сиз компоненттин өлчөмүн жана ордун башка элементтерге жараша эсептөө үчүн колдонсоңуз болот, андан кийин браузер аны дароо керектүү жерде жана кандай көрсөтүү керек болсо, ошондой көрсөтөт. Мисалы, бул аркылуу колдонуучу компоненттин абалы же өлчөмү өзгөргөндө аралык секриптерди көрбөйт, ал эми алардын акыркы версияларын гана көрөт.

Экинчи вариант - бул useInsertionEffect хугу, ал DOM даракчасында кандайдыр бир өзгөрүүлөр болордон мурун иштейт, башкача айтканда, рефтер дагы бекитилбеген жана DOM жаңыртыла элек кезде. Негизинен DOM өзгөрүлөөрдөн мурун CSS-in-JS китепканаларынан динамикалык стилдерди киргизиш керек болгон жерлерде колдонулат.