Face à l'investissement à venir dans la nouvelle architecture de React Native, les ingénieurs de Shopify ont expérimenté des agents de codage IA pour déterminer si un passage direct au natif Swift et Kotlin était viable. Une preuve de concept d'une semaine a montré que les agents pouvaient recréer rapidement des écrans, des interactions et des parcours à partir de la référence RN, ce qui a donné la confiance nécessaire pour entreprendre une migration complète.
Sur 12 semaines, un groupe restreint a construit les fondations natives tandis que les équipes produit validaient les composants. L'équipe a préservé l'état utilisateur, les notifications push et les événements analytiques, retiré les écrans redondants et profité de la migration pour simplifier l'application. Les mesures post-migration ont montré un démarrage 23 % plus rapide sur iOS et 50 % plus rapide sur Android, une stabilité des sessions atteignant plus de 99,95 %, et une réduction de 109 Mo de l'APK Android.
Utiliser des agents IA pour porter des fonctionnalités de React Native vers SwiftUI/Jetpack Compose tout en préservant le comportement et l'analytique
Les agents IA ont réduit l'effort manuel nécessaire pour traduire l'interface, l'état et la logique de navigation entre les plateformes.
L'outil Tardis fournissait des retours à l'exécution, permettant aux agents de vérifier la parité de l'analytique et de la navigation sans QA manuelle approfondie.
Le maintien constant de la parité fonctionnelle a garanti une expérience utilisateur fluide malgré le changement de technologie sous-jacente.
Le développement augmenté par l'IA peut rendre les réécritures natives réalisables et rapides, offrant des gains de performance sans sacrifier la parité fonctionnelle
Suites
L'application Shop native a été lancée sur les app stores avec des améliorations de performance mesurables. Shopify continue d'affiner l'application, en utilisant la migration comme référence pour d'autres optimisations, et a partagé le flux de travail sous forme d'extension réutilisable pour de futures migrations assistées par IA.
VÉRIFIEZ LES SOURCES
Les sources
- Migrating Shop app from React Native to native Shopify Engineering · shopify.engineering ·