Modernisierung einer großen Enterprise-Webanwendung

Eine über Jahre gewachsene Webanwendung wurde von mehreren Teams weiterentwickelt. Uneinheitliche Muster, fehlende Typisierung und eine geringe Testabdeckung machten Änderungen zunehmend aufwendig und riskant.

Weiterentwicklung und Modernisierung mussten parallel laufen – ein Entwicklungsstopp war keine Option.

Mehrere Teams arbeiteten in derselben Codebasis, was zu Abhängigkeiten und Konflikten führte.

Uneinheitliches State Management erschwerte Fehlersuche und Einarbeitung.

• Schrittweise Einführung von TypeScript, beginnend mit gemeinsam genutzten Modulen und Schnittstellen.
• Modularisierung der Codebasis in einem Monorepo mit klaren Grenzen zwischen fachlichen Bereichen.
• Vereinheitlichung des State Managements mit Redux Toolkit und RTK Query sowie Zustand für lokale Zustände.
• Eine Teststrategie mit Komponenten-, Integrations- und End-to-End-Tests sowie visuellen Tests mit Chromatic.
• Eine nüchterne Bewertung von Microfrontends für unabhängig auslieferbare Bereiche.

• Architekturkonzept und Migrationspfad
• Umsetzung zentraler Migrationsschritte und Referenzimplementierungen
• Definition von Coding-Standards und Review-Richtlinien
• Wissenstransfer und Pairing mit den beteiligten Teams

• Eine klar strukturierte Codebasis, in der Teams unabhängiger arbeiten können
• Mehr Sicherheit bei Releases durch automatisierte Tests in der CI-Pipeline
• Leichtere Einarbeitung neuer Entwickler durch einheitliche Muster und Typisierung