Variationer af useEffect hook i React

Hooket useEffect har yderligere variationer, som er specifikke og meget sjældent anvendte, derfor vil vi kun berøre dem kort.

Den første variation er hooket useLayoutEffect, som udløses før browseren gen tegner skærmen. Denne funktionalitet kan du bruge til at beregne størrelsen og positionen af en komponent afhængigt af andre elementer, så browseren ved gengivelsen kan vise den med det samme som og hvor den skal. Takket være dette vil brugeren for eksempel ikke se mellemliggende hop af komponenten ved ændring af position eller størrelse, men kun deres endelige versioner.

Den anden variation er hooket useInsertionEffect, som udløses før nogen som helst ændringer i DOM-træet, det vil sig på det tidspunkt, hvor refs endnu ikke er vedhæftet og DOM ikke er opdateret. Anvendes hovedsageligt der, hvor det er nødvendigt at indsætte dynamiske stile fra CSS-in-JS biblioteker før ændring af DOM.