Angesichts der bevorstehenden Investition in die New Architecture von React Native experimentierten die Ingenieure von Shopify mit KI-Coding-Agenten, um zu prüfen, ob ein direkter Wechsel zu nativem Swift und Kotlin machbar wäre. Ein einwöchiger Proof of Concept zeigte, dass Agenten Bildschirme, Interaktionen und Abläufe aus der RN-Referenz schnell nachbauen konnten, was das Vertrauen für eine vollständige Migration begründete.
Über 12 Wochen baute ein Kernteam die nativen Grundlagen auf, während Feature-Teams Komponenten validierten. Das Team erhielt den Benutzerzustand, Push-Benachrichtigungen und Analyseereignisse aufrecht, entfernte redundante Bildschirme und nutzte die Migration, um die App zu vereinfachen. Messungen nach der Migration zeigten einen um 23 % schnelleren Start unter iOS und einen um 50 % schnelleren Start unter Android, die Sitzungsstabilität stieg auf über 99,95 %, und das Android-APK verkleinerte sich um 109 MB.
KI-Agenten einsetzen, um Funktionen von React Native nach SwiftUI/Jetpack Compose zu portieren und dabei Verhalten und Analysen zu erhalten
KI-Agenten verringerten den manuellen Aufwand, der erforderlich war, um UI-, Zustands- und Navigationslogik zwischen den Plattformen zu übertragen.
Das Tool Tardis lieferte Laufzeit-Feedback, wodurch Agenten die Parität bei Analysen und Navigation ohne umfangreiche manuelle QA überprüfen konnten.
Die ständige Wahrung der Funktionsparität gewährleistete trotz des zugrunde liegenden Technologiewechsels eine nahtlose Benutzererfahrung.
KI-gestützte Entwicklung kann native Neuschreibungen machbar und schnell machen und Leistungsgewinne liefern, ohne die Funktionsparität zu opfern
Die native Shop-App wurde mit messbaren Leistungsverbesserungen in den App-Stores veröffentlicht. Shopify verfeinert die App weiter, nutzt die Migration als Ausgangsbasis für weitere Optimierungen und hat den Workflow als wiederverwendbare Erweiterung für künftige KI-gestützte Migrationen geteilt.
DEN BELEGEN FOLGEN
Die Quellen
- Migrating Shop app from React Native to native Shopify Engineering · shopify.engineering ·