Effecten in React

Voordat we de toepassing van de hook useEffect bekijken, moeten we begrijpen, wat effecten in React zijn.

Effecten of bijwerkingen (side effects) - dit zijn extra acties die een component in staat stellen verbinding te maken en te synchroniseren met externe systemen.

Onder externe systemen worden de stukjes code of applicaties verstaan, die niet onder controle staan van React. Hierbij wordt gedacht aan werk met het netwerk, DOM van de browser, animatie, widgets geschreven met gebruik van externe UI-bibliotheken, en andere applicaties, niet gemaakt in React.

Effecten maken het mogelijk code uit te voeren na de rendering, waardoor zo de mogelijkheid ontstaat je component te synchroniseren met dergelijke systemen buiten React.

Effecten kunnen worden uitgevoerd op momenten van de eerste weergave van de component, op het moment van verandering van de geobserveerde waarde of wanneer de levenscyclus van de component is beëindigd.

Je moet onthouden dat effecten een soort "nood"luik uit React zijn, je moet er niet mee overdrijven.