Migrations-Projekt
K15t
Migration einer AngularJS-App auf React
Big-Bang-Migration zu React
Die App wurde von AngularJS auf React migriert, unter Verwendung der Atlassian UI-Komponenten. Nach eingehender Analyse und Abwägung wurde entschieden, die Migration im Ganzen durchzuführen.
Dank W11K als unserem Partner für die ReactJS-Frontend-Entwicklung haben wir neue Apps und Features tausenden zufriedenen Kunden schnell und sicher zur Verfügung gestellt.
Stefan Kleineikenscheidt
CEO K15t
Lösung
Die Verwendung von React als zentrale Technologie in der neuen Version war schnell entschieden, da weitere Anwendungen der Produktfamilie in React laufen und das UI-Toolkit Atlaskit bereits für das Atlassian-Ökosystem fertige React-Komponenten zur Verfügung stellt.
Die Entscheidungsfindung, ob die Migration inkrementell oder im Ganzen erfolgen sollte, wurde intensiver diskutiert. W11K empfahl zunächst die schrittweise Migration, da Änderungen damit schneller für den Nutzer verwendbar werden. Bei dieser Lösung wären jedoch Design-Unterschiede zwischen bereits migrierten Teilen und alten Teilen sichtbar geworden. Da es dies zu vermeiden galt, wurde die App auf Wunsch von K15t im Ganzen migriert.
Im initialen Basis-Setup wurde ein erster Screen aufgesetzt bzw. umgesetzt. Nach dem erfolgreichen Proof of Concept folgten die weiteren 15 Screens der Anwendung.
Herausforderung
- W11K recherchierte und analysierte zunächst die möglichen Migrationswege:
- •Entwicklung einer React-App und schrittweise Migration der einzelnen Routen - dabei bleibt das Top-Level-Routing in AngularJS
- •Neu-Entwicklung der App in React
- •Entwicklung React-basierter Webkomponenten, die in der AngularJS-App verwendet werden
- •Neu-Entwicklung der App in Angular 10 und AUI
Facts
- Umsetzungszeitraum: 9 Monate
- W11K: Entwicklung des Frontends
- K15t: Entwicklung des Backends
Technologien
React
Atlaskit (UI-Tool-Kit von Atlassian)
JIRA
