Publicado por Chiko Shimizu, defensora de desarrolladores y Tamao Imura, gerente de marketing de desarrolladores
Mercari permite que millones de personas compren y vendan casi cualquier cosa. La compañía se fundó en Japón en 2013 y ahora es el mercado C2C centrado en teléfonos inteligentes más grande de Japón. El equipo de Client Architect de Mercari comenzó a usar Jetpack Compose en 2020 con el objetivo de utilizar soluciones y tecnologías modernas que se pueden escalar a largo plazo para construir su pila tecnológica para nuevas aplicaciones.
Lo que han hecho
El equipo de Mercari tuvo que implementar un sistema de diseño con una gestión de estado compleja y un estilo en las vistas de Android, una tarea muy compleja. Con Jetpack Compose, no solo pudieron implementar este complejo sistema, sino que también dedicaron menos tiempo a desarrollar cada pantalla.
Jetpack Compose también ayudó al equipo a escribir el código de la interfaz de usuario para su nueva aplicación utilizando el sistema de diseño, lo que hizo que el código de la interfaz de usuario fuera conciso y fácil de entender. Esto permite que el equipo dedique más tiempo a escribir pantallas y lógica empresarial, como soporte práctico para el tema oscuro.
Además, el equipo de Mercari escribió una herramienta de prueba de concepto para integrar Figma en el sistema de diseño, que genera automáticamente el código de la interfaz de usuario a partir de los diseños de los componentes. El equipo dijo que esta herramienta era más fácil de desarrollar con Compose debido a su naturaleza declarativa.
«Una vez que los desarrolladores de Android se acostumbran a escribir código Jetpack Compose, no quieren volver». – Anthony Allan Conda, líder tecnológico 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 infinitamente desplazable, un caso de uso común, en realidad redujeron su código en aproximadamente un 56%. Esto les permitió escribir más pantallas en la misma cantidad de tiempo, lo que les dio más tiempo para escribir lógica empresarial y otras piezas de código.
También pudieron hacer más con la propia interfaz de usuario, p. Ej. Incluyendo animaciones y usando API intuitivas como Visibilidad animada, Fundido cruzado, y Animables.
Mercari planea continuar usando Jetpack Compose en su nueva aplicación hasta que se lance. Su sistema de diseño con el SDK de Android escrito en Jetpack Compose también está diseñado para funcionar con múltiples aplicaciones dentro de Mercari.
Empezando
Obtenga más información sobre Jetpack Compose.
