React-ի useEffect հուքի տարբերակները

useEffect հուքն ունի նաև այլ տարբերակներ, որոնք հատուկ են և շատ հազվադեպ են օգտագործվում, ուստի մենք համառոտ կկանգնենք դրանց վրա։

Առաջին տարբերակը useLayoutEffect հուքն է, որը գործարկվում է նախքան բրաուզերը կվերագծի էկրանը։ Այս հնարավորությունը դուք կարող եք օգտագործել՝ բաղադրիչի չափերը և դիրքը հաշվարկելու համար՝ կախված այլ տարրերից, որպեսզի այնուհետև գծագրման ժամանակ բրաուզերը այն ցուցադրի անմիջապես այնպես և այնտեղ, ինչպես պետք է։ Դրա շնորհիվ, օրինակ, օգտատերը չի տեսնի բաղադրիչի միջանկյալ ցատկումները՝ դիրքը կամ չափերը փոխելիս, այլ միայն դրանց վերջնական տարբերակները։

Երկրորդ տարբերակը useInsertionEffect հուքն է, որը գործարկվում է DOM ծառի ցանկացած փոփոխությունից առաջ, այսինքն՝ երբ դեռ ref-ները չեն ամրացվել և DOM-ը չի թարմացվել։ Կիրառվում է հիմնականում այնտեղ, որտեղ անհրաժեշտ է տեղադրել դինամիկ ոճեր CSS-in-JS գրադարաններից՝ մինչև DOM-ի փոփոխությունը։