Web-Apps werden meist nicht sofort unübersichtlich — sie werden es langsam. Wenn wir UI, State, API-Aufrufe, Validierung, Geschäftsregeln, Drittanbieter-SDKs und Fehlerbehandlung hinzufügen, kann eine einzelne Komponente oder Service-Datei schnell zu viel auf einmal tun.
Dieser Workshop erklärt, warum Webanwendungen schwer zu warten sind, wenn Verantwortlichkeiten vermischt werden, und wie praktische Architekturprinzipien helfen können. Das Hauptthema ist die Unabhängigkeit zwischen den Teilen der Anwendung: Bei guter Architektur geht es nicht um komplizierte Ordnerstrukturen, sondern darum, zukünftige Änderungen einfacher, sicherer und günstiger zu machen.
Der Workshop konzentriert sich besonders auf zwei praktische Themen: die Verwendung des Wrapper-Patterns für Drittanbieter-SDKs und die Nutzung von Sentry zum Verständnis von Fehlern in der Produktion.
Dieser Workshop richtet sich an Studierende und Entwickler*innen, die bereits die Grundlagen der Webentwicklung kennen und lernen möchten, wie Anwendungen bei zunehmender Größe leichter zu warten sind.
Er ist besonders nützlich für alle, die bereits React-Komponenten oder kleine Web-Apps gebaut haben, aber verstehen möchten, wie man unübersichtlichen Code, wiederholte Logik und eine enge Kopplung an Drittanbieter-Tools vermeidet.
Um einen direkten und reibungslosen Einstieg in die Praxis zu gewährleisten, sollten folgende Komponenten im Vorfeld auf dem eigenen Gerät installiert bzw. vorbereitet werden: