Efekty v React

Než se podíváme na použití hooku useEffect, musíme pochopit, co to vlastně efekty v React jsou.

Efekty nebo vedlejší efekty (side effects) - to jsou dodatečné akce, které umožňují komponentě se připojit a synchronizovat s externími systémy.

Pod externími systémy se rozumí ty části kódu nebo aplikace, které nejsou pod kontrolou React. Zde se jedná o práci se sítí, DOM prohlížeče, animace, widgety vytvořené s použitím externích UI knihoven a dalšími aplikacemi, které nejsou vytvořeny v React.

Efekty umožňují spustit kód po vykreslení, čímž dávají možnost synchronizovat vaši komponentu s takovými systémy mimo React.

Efekty mohou být provedeny v okamžiku prvního vykreslení komponenty, v okamžiku změny sledované hodnoty nebo když je životní cyklus komponenty ukončen.

Je třeba si pamatovat, že efekty jsou jakýsi druh "nouzového" východu z React, nemělo by se jich zneužívat.