4 kritische Antipatterns in der
React/TypeScript-Entwicklung

Best Practices sind das Fundament einer stabilen und wartbaren Entwicklung mit React und TypeScript. Doch in der Praxis treten immer wieder vermeintlich praktische Ansätze auf, die sich langfristig als hinderlich erweisen. Dieser Vortrag beleuchtet vier weitverbreitete Antipatterns, die sich negativ auf die Performance, Lesbarkeit und Wartbarkeit von Code auswirken können – und warum sie mehr Schaden anrichten, als es auf den ersten Blick scheint.

Überflexible Props
Wie flexibel ist zu flexibel? Zu allgemeingültige Prop-Definitionen untergraben oft die Vorteile, die TypeScript eigentlich bieten sollte.

Objekte im Dependency-Array
Was passiert, wenn React mit instabilen Abhängigkeiten arbeitet? Eine unscheinbare Praxis, die unerwartete Konsequenzen haben kann.

Nutzung des Indexes als Key
Warum führt ein simpler Array-Index als Key immer wieder zu Problemen, wenn sich die Daten ändern?

Unnötige Nutzung von useEffect
Wie wird ein mächtiges Werkzeug wie useEffect schnell zum Stolperstein für Verständlichkeit und Performance?

Dieser Vortrag liefert nicht nur Einblicke in häufige Stolperfallen, sondern regt dazu an, die eigenen Codebasen kritisch zu hinterfragen – und nachhaltigere Lösungen zu finden.

Vorkenntnisse

• Grundkenntnisse von React
  
• Grundkenntnisse von TypeScript

Lernziele

• Kennenlernen von Bad Practices in der React/TypeScript-Entwicklung
  
• Lernen von Lösungsansätzen für die kennengelernten Bad Practices