Effekter i React

Før vi ser på anvendelsen av hooken useEffect, må vi forstå hva effekter i React er.

Effekter eller bivirkninger (side effects) er tilleggshandlinger som lar en komponent koble til og synkronisere seg med eksterne systemer.

Med eksterne systemer menes de delene av koden eller applikasjonen som ikke er under Reacts kontroll. Dette inkluderer arbeid med nettverk, DOM i nettleseren, animasjoner, widgets skrevet ved bruk av tredjeparts UI-biblioteker, og andre applikasjoner som ikke er laget med React.

Effekter lar deg kjøre kode etter rendering, og gir dermed muligheten til å synkronisere komponenten din med slike systemer utenfor React.

Effekter kan utføres i øyeblikkene komponenten først renderes, ved endring av en observert verdi eller når komponentens livssyklus er avsluttet.

Det er viktig å huske at effekter er en slags "nød"-luke ut av React, og man bør ikke misbruke dem.