Effekter i React

Innan vi tittar på användningen av hooken useEffect, måste vi förstå vad effekter är i React.

Effekter eller biverkningar (side effects) är ytterligare åtgärder som gör det möjligt för en komponent att ansluta och synkronisera med externa system.

Med externa system menas de delar av kod eller applikation som inte kontrolleras av React. Detta inkluderar arbete med nätverk, webbläsarens DOM, animationer, widgetar skrivna med hjälp av tredjeparts UI-bibliotek, och andra applikationer som inte är skapade med React.

Effekter gör det möjligt att köra kod efter rendering, vilket ger möjlighet att synkronisera din komponent med sådana system utanför React.

Effekter kan utföras vid komponentens första rendering, när ett observerat värde ändras eller när komponentens livscykel är avslutad.

Det är viktigt att komma ihåg att effekter är en slags "nödutgång" från React, och de bör inte missbrukas.