Migrations-Projekt

K15t

Migration einer AngularJS-App auf React

AngularJS
Frontend
Migration
React
UX

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.

Einstellungen des Backbone Issue Sync-Add-ons in Jira
Synchronisierungseinstellungen des Backbone Issue Sync-Add-ons in Jira
Verbindungseinstellungen der Backbone Issue Sync-Synchronisierung in Jira

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

Top Company 2024