Volver

Climby: De la deuda técnica en Flutter al éxito en React Native

Descubre cómo Climby migró exitosamente de Flutter a React Native en solo 3 semanas, eliminando la deuda técnica y permitiendo el escalado de la plataforma sin interrupción del servicio.

Selego

Migración
Migración de Climby a React Native

Una aplicación Flutter que bloqueaba el escalado

Climby es una plataforma dedicada a atletas y entusiastas del deporte, proporcionando un espacio donde los atletas pueden compartir su trayectoria, interactuar con sus fans y monetizar su contenido. El MVP, desarrollado durante varios meses, integró funciones básicas como la gestión de suscripciones e interacciones. Sin embargo, desde su inicio, el MVP tenía una deuda técnica que obstaculizaba su capacidad para evolucionar y adaptarse a las crecientes necesidades de los usuarios. Esta deuda dificultaba la adición de nuevas funciones y la gestión eficiente de la plataforma, limitando así el desarrollo de Climby.

Migrando de Flutter a React Native sin interrupción del servicio

El proyecto Climby se desarrolló en un contexto de migración tecnológica, pasando de Flutter a React Native. Este cambio fue motivado por la necesidad de eliminar la deuda técnica acumulada en el MVP y comenzar de nuevo con bases sólidas para permitir una mejor escalabilidad. La migración resultó particularmente desafiante debido a los usuarios activos en la plataforma. Tuvimos que asegurar que no hubiera interrupción del servicio mientras mejorábamos la fluidez de la aplicación y optimizábamos la velocidad de desarrollo para responder más eficazmente a las necesidades de los usuarios.

Pasos para una migración exitosa a React Native

Los pasos para una migración exitosa a React Native para Climby se llevaron a cabo en varias fases clave. En solo tres semanas, reconstruimos la aplicación en React Native, enfocándonos en:

  • Optimización UX/UI: Simplificación de la experiencia de usuario para permitir una navegación más intuitiva, centrada en las funciones esenciales.
  • Cambio del modelo de datos: Migramos de Firebase, una tecnología propietaria, a una solución genérica para mayor flexibilidad y escalabilidad.
  • Gestión de suscripciones y contenido premium: Se implementó un sistema vía Stripe para gestionar eficientemente las suscripciones y proteger el contenido premium.

La migración se completó en una sola noche, permitiendo el cambio a la nueva arquitectura sin interrupción del servicio para los usuarios activos.

En paralelo, se desarrolló una interfaz de administración en solo una semana, ofreciendo un control eficiente de la aplicación y permitiendo al equipo gestionar datos y usuarios de manera centralizada.

Finalmente, integramos OneSignal para las notificaciones push y aseguramos un despliegue fluido en las tiendas de Android e iOS, mientras recopilábamos y ajustábamos los comentarios de los usuarios para mejoras continuas.

Monitoreo Continuo para una Experiencia de Usuario Óptima

Desde el lanzamiento de la nueva versión de la aplicación, hemos continuado apoyando a Climby en su evolución, optimizando funciones y monitoreando el rendimiento de la aplicación. También hemos implementado un sistema de seguimiento de feedback de usuarios, permitiendo identificar rápidamente áreas de mejora y desplegar actualizaciones en consecuencia.

Testimonio del CEO 💬

"Nos enfrentábamos a problemas de escalabilidad y estabilidad con nuestro MVP que nos impedían escalar adecuadamente. El apoyo de Selego nos ayudó a eliminar el riesgo técnico"

Logros Clave

  • Migración en 3 semanas de Flutter a React Native
  • Cero interrupciones del servicio durante la transición
  • Mejora de la escalabilidad y base técnica
  • Experiencia de usuario mejorada con navegación optimizada
  • Sistema robusto de suscripciones vía integración con Stripe
  • Interfaz de administración desarrollada en solo una semana
  • Notificaciones push vía integración con OneSignal

Desafíos Técnicos Superados

Eliminación de la Deuda Técnica

  • Migración de Firebase a solución de base de datos genérica
  • Reconstrucción de la arquitectura para mejor escalabilidad
  • Eliminación de cuellos de botella en el rendimiento

Estrategia de Migración

  • Desarrollo paralelo para minimizar el tiempo de inactividad
  • Migración gradual de funcionalidades
  • Pruebas exhaustivas antes del despliegue

Mejoras en la Experiencia de Usuario

  • Navegación e interfaz simplificadas
  • Mejor rendimiento de la aplicación
  • Mayor consistencia entre plataformas

Resultados e Impacto

Antes de la Migración

  • • Deuda técnica limitando el crecimiento
  • • Dificultad para añadir nuevas funciones
  • • Problemas de rendimiento
  • • Problemas de escalabilidad

Después de la Migración

  • • Arquitectura limpia y escalable
  • • Desarrollo rápido de funciones
  • • Rendimiento mejorado
  • • Mejor experiencia de usuario

Tecnologías Utilizadas

Frontend

React Native

Pagos

Stripe

Notificaciones

OneSignal

Preguntas Frecuentes

¿Cuánto tiempo tomó la migración?

La migración completa se realizó en solo 3 semanas, sin interrupción del servicio para los usuarios.

¿Cuáles fueron los principales desafíos?

El mayor desafío fue asegurar que no hubiera interrupción del servicio mientras se migraba a los usuarios activos de Flutter a React Native.

¿Cómo manejaron la migración de datos?

Migramos de Firebase a una solución de base de datos genérica, asegurando la integridad de los datos y mejorando la escalabilidad.

Lecciones Aprendidas

  • La deuda técnica debe abordarse temprano para prevenir problemas de escalado
  • Una planificación adecuada es crucial para migraciones sin tiempo de inactividad
  • El feedback de los usuarios debe guiar las mejoras continuas
  • Una arquitectura robusta desde el inicio permite un desarrollo más rápido