Effekte in React

Bevor wir die Anwendung des Hooks useEffect betrachten, müssen wir verstehen, was Effekte in React überhaupt sind.

Effekte oder Nebenwirkungen (side effects) sind zusätzliche Aktionen, die es einer Komponente ermöglichen, sich mit externen Systemen zu verbinden und zu synchronisieren.

Unter externen Systemen versteht man diejenigen Code-Stücke oder Anwendungsteile, die nicht unter der Kontrolle von React stehen. Damit ist die Arbeit mit dem Netzwerk, dem DOM des Browsers, Animationen, Widgets, die unter Verwendung externer UI-Bibliotheken geschrieben wurden, und anderen Anwendungen, die nicht in React erstellt wurden, gemeint.

Effekte ermöglichen es, Code nach dem Rendering auszuführen, und geben somit die Möglichkeit, Ihre Komponente mit solchen Systemen außerhalb von React zu synchronisieren.

Effekte können zu den Zeitpunkten des ersten Renderings der Komponente, bei der Änderung eines beobachteten Werts oder wenn der Lebenszyklus der Komponente beendet ist, ausgeführt werden.

Man muss bedenken, dass Effekte eine Art "Notfall"-Luken aus React sind, man sollte sie nicht übermäßig verwenden.