Mercari permite que millones de personas compren y vendan casi todo. La empresa se fundó en 2013 en Japón y ahora es el mercado de C2C centrado en smartphones más grande de ese país. El equipo de arquitectos de clientes de Mercari comenzó a usar Jetpack Compose en 2020 con el objetivo de usar soluciones y tecnologías modernas que puedan escalarse a largo plazo para compilar su pila tecnológica para aplicaciones nuevas.
Qué hizo la empresa
El equipo de Mercari necesitaba implementar un sistema de diseño con administración de estado y estilos complejos en objetos View de Android, una tarea muy compleja. Con Jetpack Compose, no solo pudieron implementar este sistema complejo, sino que también dedicaron menos tiempo al desarrollo de cada pantalla.
Jetpack Compose también ayudó al equipo a escribir código de IU para su nueva app con el sistema de diseño, lo que hizo que su código de IU fuera conciso y fácil de entender. Como resultado, el equipo puede pasar más tiempo escribiendo pantallas y lógica empresarial, como la compatibilidad práctica con el tema oscuro.
Además, el equipo de Mercari escribió una herramienta de prueba de concepto para integrar Figma con el sistema de diseño, que genera automáticamente código de interfaz de usuario a partir de los diseños de componentes. El equipo comentó que desarrollar esta herramienta era más fácil con Compose debido a su naturaleza declarativa.
"Una vez que los desarrolladores de Android se acostumbran a escribir el código de Jetpack Compose, no quieren volver". - Anthony Allan Conda, líder de Tecnología de Android en Mercari
Resultados
Entre Jetpack Compose y su nuevo sistema de diseño, Mercari pudo usar mucho menos código para escribir pantallas. En pantallas con contenido infinito desplazable, un caso de uso común, redujeron su código en aproximadamente un 56%. Como resultado, pudieron escribir más pantallas en el mismo tiempo, lo que les dio más tiempo para escribir la lógica empresarial y otras partes del código.
Además, pudieron hacer más con la IU en sí, como incorporar animaciones y usar APIs intuitivas, como AnimatedVisibility, Crossfade y Animatable.
Mercari planea seguir usando Jetpack Compose en su nueva aplicación hasta su lanzamiento. Su sistema de diseño, con el SDK de Android escrito en Jetpack Compose, también está diseñado para funcionar con varias aplicaciones dentro de Mercari.
Comenzar
Obtén más información sobre Jetpack Compose.