Mercari melhora a produtividade de desenvolvimento da interface em 56% com o Jetpack Compose

Com a Mercari, milhões de pessoas podem comprar e vender quase qualquer coisa. A empresa foi fundada em 2013 no Japão e atualmente é o maior mercado de C2C focado em smartphones no Japão. A equipe de arquitetos de clientes do Mercari começou a usar o Jetpack Compose em 2020 com o objetivo de usar soluções e tecnologias modernas que possam ser escalonadas a longo prazo para criar um conjunto de tecnologias para novos aplicativos.

O que a equipe fez

A equipe do Mercari precisava implementar um sistema de design com gerenciamento de estado e estilo complexos nas visualizações do Android, uma tarefa muito complexa. Com o Jetpack Compose, conseguiram implementar esse sistema complexo e passar menos tempo desenvolvendo cada tela.

O Jetpack Compose também ajudou a equipe a escrever o código da interface do novo app usando o sistema de design, tornando o código da interface conciso e fácil de entender. Como resultado, a equipe pode passar mais tempo escrevendo telas e lógica de negócios, como suporte prático para o tema escuro.

Além disso, a equipe do Mercari escreveu uma ferramenta de prova de conceito para integrar o Figma ao sistema de design, que gera automaticamente o código da IU a partir dos designs dos componentes. A equipe disse que o desenvolvimento dessa ferramenta era mais fácil com o Compose devido à natureza declarativa dela.

"Depois que os desenvolvedores Android se acostumam a escrever código do Jetpack Compose, eles não gostariam de voltar atrás." – Anthony Allan Conda, líder de tecnologia Android na Mercari

Resultados

Entre o Jetpack Compose e o novo sistema de design, o Mercari usou muito menos código para criar telas. Em telas com conteúdo de rolagem infinita, um caso de uso comum, eles reduziram o código em cerca de 56%. Como resultado, foi possível escrever mais telas no mesmo período, o que deu mais tempo para escrever a lógica de negócios e outras partes do código.

Além disso, eles conseguiram fazer mais com a própria IU, incorporando animações e usando APIs intuitivas, como AnimatedVisibility, Crossfade e Animatable.

O Mercari planeja continuar usando o Jetpack Compose no novo aplicativo até o lançamento. O sistema de design dele, com o SDK do Android escrito no Jetpack Compose, também foi projetado para funcionar com vários aplicativos no Mercari.

Primeiros passos

Saiba mais sobre o Jetpack Compose.