Ante la próxima inversión en la Nueva Arquitectura de React Native, los ingenieros de Shopify experimentaron con agentes de codificación con IA para evaluar si era viable un traslado directo a Swift y Kotlin nativos. Una prueba de concepto de una semana demostró que los agentes podían recrear rápidamente pantallas, interacciones y flujos a partir de la referencia de RN, lo que dio confianza para emprender una migración completa.

A lo largo de 12 semanas, un grupo central construyó los cimientos nativos mientras los equipos de funcionalidades validaban los componentes. El equipo preservó el estado del usuario, las notificaciones push y los eventos de analítica, retiró pantallas redundantes y aprovechó la migración para simplificar la aplicación. Las mediciones posteriores a la migración mostraron un inicio un 23% más rápido en iOS y un 50% más rápido en Android, la estabilidad de las sesiones aumentó a 99,95%+, y el APK de Android se redujo en 109 MB.

Usar agentes de IA para portar funcionalidades de React Native a SwiftUI/Jetpack Compose preservando el comportamiento y la analítica

Los agentes de IA redujeron el esfuerzo manual necesario para traducir la lógica de UI, estado y navegación entre plataformas.

La herramienta Tardis proporcionó retroalimentación en tiempo de ejecución, lo que permitió a los agentes verificar la paridad en analítica y navegación sin una extensa QA manual.

Mantener la paridad de funcionalidades en todo momento garantizó una experiencia de usuario fluida pese al cambio de tecnología subyacente.

El desarrollo aumentado con IA puede hacer que las reescrituras nativas sean viables y rápidas, aportando mejoras de rendimiento sin sacrificar la paridad de funcionalidades

La aplicación Shop nativa se lanzó en las tiendas de aplicaciones con mejoras de rendimiento medibles. Shopify continúa perfeccionando la aplicación, usando la migración como base para futuras optimizaciones, y ha compartido el flujo de trabajo como una extensión reutilizable para futuras migraciones asistidas por IA.

CONSULTA LAS PRUEBAS

Las fuentes

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