面對即將對 React Native 新架構(New Architecture)投入的資源,Shopify 的工程師實驗了 AI 編碼代理,以評估直接轉向原生 Swift 與 Kotlin 是否可行。為期一週的概念驗證顯示,代理能快速依據 React Native 參考實作重建畫面、互動與流程,因而讓團隊有信心推動完整遷移。

在 12 週內,一個核心小組建立了原生基礎,同時由各功能團隊驗證元件。團隊保留了使用者狀態、推播通知與分析事件,淘汰了多餘的畫面,並利用這次遷移簡化應用程式。遷移後的量測顯示,iOS 啟動速度提升 23%,Android 啟動速度提升 50%,工作階段穩定性提升至 99.95% 以上,且 Android APK 縮小了 109 MB。

運用 AI 代理將功能從 React Native 移植至 SwiftUI/Jetpack Compose,同時保留行為與分析。

AI 代理減少了在平台之間轉譯 UI、狀態與導覽邏輯所需的人工投入。

Tardis 工具提供了執行時期的回饋,讓代理能夠驗證分析與導覽的一致性,而無需大量人工品保。

始終維持功能對等,確保了使用者體驗在底層技術轉換之際依然順暢。

AI 輔助開發可讓原生重寫變得可行且快速,在帶來效能提升的同時不犧牲功能對等。

原生 Shop 應用程式已在應用程式商店上架,並帶來可量測的效能改善。Shopify 持續精進該應用程式,以這次遷移作為後續最佳化的基準,並將此工作流程分享為可重複使用的擴充功能,供未來的 AI 輔助遷移使用。

追溯依據

參考來源

  1. Migrating Shop app from React Native to native Shopify Engineering · shopify.engineering ·