해결책
React Native의 New Architecture에 대한 향후 투자를 앞두고, Shopify 엔지니어들은 AI 코딩 에이전트를 실험하여 네이티브 Swift와 Kotlin으로의 직접 전환이 실행 가능한지 확인했습니다. 1주일간의 개념 증명을 통해 에이전트가 RN 참조에서 화면, 상호작용, 흐름을 빠르게 재현할 수 있음을 보여주었고, 이는 전체 마이그레이션을 추진할 수 있는 확신을 주었습니다.
12주에 걸쳐 핵심 그룹이 네이티브 기반을 구축하는 동안 기능 팀들이 컴포넌트를 검증했습니다. 팀은 사용자 상태, 푸시 알림, 분석 이벤트를 보존하고, 중복 화면을 제거했으며, 마이그레이션을 앱 단순화에 활용했습니다. 마이그레이션 후 측정 결과 iOS 시작 속도가 23% 빨라지고 Android 시작 속도가 50% 빨라졌으며, 세션 안정성은 99.95% 이상으로 상승하고 Android APK는 109MB 줄어들었습니다.
달성한 것
AI 에이전트를 사용해 동작과 분석을 보존하면서 React Native에서 SwiftUI/Jetpack Compose로 기능을 이식
성공한 이유
AI 에이전트는 플랫폼 간에 UI, 상태, 내비게이션 로직을 변환하는 데 필요한 수작업을 줄였습니다.
Tardis 도구는 런타임 피드백을 제공하여 에이전트가 광범위한 수동 QA 없이도 분석과 내비게이션의 동등성을 검증할 수 있게 했습니다.
항상 기능 동등성을 유지함으로써 기반 기술의 전환에도 불구하고 원활한 사용자 경험을 보장했습니다.
AI 증강 개발은 네이티브 재작성을 실행 가능하고 빠르게 만들어, 기능 동등성을 희생하지 않고 성능 향상을 제공할 수 있습니다
그 후
네이티브 Shop 앱은 측정 가능한 성능 개선과 함께 앱 스토어에 출시되었습니다. Shopify는 마이그레이션을 추가 최적화의 기준선으로 삼아 앱을 계속 개선하고 있으며, 향후 AI 지원 마이그레이션을 위한 재사용 가능한 확장으로 워크플로를 공유했습니다.
근거 확인하기
출처
- Migrating Shop app from React Native to native Shopify Engineering · shopify.engineering ·