Varianter av useEffect-hooken i React
Hooken useEffect har også varianter,
som er spesifikke og svært sjelden brukt,
derfor vil vi kun berøre dem kort.
Den første varianten er hooken useLayoutEffect,
som utløses før nettleseren
tegner opp skjermen på nytt. Denne muligheten kan du
bruke for å beregne størrelsen og
posisjonen til en komponent avhengig av andre
elementer, slik at nettleseren under opptegningen
viser den umiddelbart slik og hvor det trengs. Takket være
dette vil for eksempel brukeren ikke se
mellomliggende hopp i komponenten ved
endring av plassering eller størrelser, men bare
deres endelige versjoner.
Den andre varianten er hooken useInsertionEffect,
som utløses før noen
endringer i DOM-treet, det vil si når
refs
ikke er festet og DOM ikke er oppdatert.
Brukes hovedsakelig der det er nødvendig
å sette inn dynamiske stiler fra CSS-in-JS
biblioteker før endring av DOM.