Insight 10.1
Werden Timeouts oder Intervalle in Komponenten gestartet, laufen diese im Hintergrund weiter, selbst wenn die Komponente bereits zerstört wurde. Das führt zu sogenannten Memory Leaks. Die Anwendung wird schleichend langsamer oder stürzt mit Fehlermeldungen wie 'State update on unmounted component' ab.
Achtung: Ein vergessener Intervall kann hunderte API-Calls im Hintergrund erzeugen, während der User längst auf einer anderen Seite ist.
Die Lösung ist die Cleanup-Funktion im useEffect Hook. Sie fungiert als 'Testament' der Komponente und garantiert, dass Ressourcen beim Verlassen sauber freigegeben werden.
Memory Leaks verhindern
Warum 'aufräumen' im Frontend genauso kritisch ist wie das Schließen von Datenbank-Cursoren.
Werden Timeouts oder Intervalle in Komponenten gestartet, laufen diese im Hintergrund weiter, selbst wenn die Komponente bereits zerstört wurde. Das führt zu sogenannten Memory Leaks. Die Anwendung wird schleichend langsamer oder stürzt mit Fehlermeldungen wie 'State update on unmounted component' ab.
Achtung: Ein vergessener Intervall kann hunderte API-Calls im Hintergrund erzeugen, während der User längst auf einer anderen Seite ist.
Die Lösung ist die Cleanup-Funktion im useEffect Hook. Sie fungiert als 'Testament' der Komponente und garantiert, dass Ressourcen beim Verlassen sauber freigegeben werden.
Insight: Sauberer Code endet nicht beim Feature, sondern beim Ressourcen-Management.