Efekty w React

Zanim przejdziemy do zastosowania hooka useEffect, musimy zrozumieć, czym są efekty w React.

Efekty lub efekty uboczne (side effects) - to dodatkowe działania pozwalające komponentowi łączyć się i synchronizować z systemami zewnętrznymi.

Przez systemy zewnętrzne rozumie się fragmenty kodu lub aplikacji, które nie są kontrolowane przez React. Chodzi tu o pracę z siecią, DOM przeglądarki, animacjami, widgetami napisanymi z użyciem zewnętrznych bibliotek UI, oraz innymi aplikacjami stworzonymi nie w React.

Efekty pozwalają uruchamiać kod po renderowaniu, dając w ten sposób możliwość synchronizacji twojego komponentu z takimi systemami poza React.

Efekty mogą być wykonywane w momentach pierwszego renderowania komponentu, w momencie zmiany obserwowanej wartości lub gdy cykl życia komponentu jest zakończony.

Należy pamiętać, że efekty to swego rodzaju "awaryjny" luk w React, nie należy ich nadużywać.