O Monzo é um banco e um app que oferece serviços financeiros digitais. A missão dele é fazer o dinheiro funcionar para todos. o sistema de design do Monzo começou a se desviar do Material Design e, ela queria uma maneira fácil de escrever e manter componentes personalizados que sejam em constante evolução, por isso escolheu o Jetpack Compose.
O que a equipe fez
No Compose, os componentes do Material Design são fornecidos como uma camada sobre o APIs básicas independentes de design. O Monzo usou as APIs de base para criar uma biblioteca própria de componentes, usando os componentes do Material como referência. Eles começou migrando uma tela de cada vez, agora usando o Compose em todas as novas telas. Agora, o Compose é usado na produção por todos os engenheiros do Android: "Nós não encontramos nenhum grande problema. Por isso, nos sentimos confiantes o suficiente para começar usá-lo em alguns novos recursos selecionados e, eventualmente, em todos os novos recursos".
Resultados
A equipe do Monzo criou componentes que permitem criar facilmente novos telas: “Os componentes que fornecemos prontos para uso fazem com que a criação de uma tela enquanto aprendem sobre o Compose, uma experiência muito mais tranquila. As APIs com base em slots são um padrão fantástico que facilita a criação de componentes maiores usando vários elementos básicos."
Com o Compose, a equipe do Monzo conseguiu criar um app de maior qualidade, acrescentando recursos incríveis que eles não conseguiam acessar “Um exemplo são as animações. Elas são tão fáceis de adicionar no Compose que há muito pouco motivo para não animar coisas como cor/tamanho/elevação. mudanças. Essas animações "boa de se ter" costumam ser muito difíceis de valer a pena o esforço e a complexidade do sistema de visualização.”
O código está mais curto e mais fácil de ler, entender e manter: “Código declarativo é muito mais fácil de raciocinar do que código que que manipula uma hierarquia de IU mutável. Também é muito mais fácil rastrear usando código quando todos estão escritos no mesmo idioma e, muitas vezes, no mesmo arquivo, em vez para alternar entre Kotlin e XML. Nem quero começar com XML temas e estilos diferentes. Os temas são muito mais fáceis de entender no Compose. Nosso tema consiste apenas nas propriedades que definimos, os valores são consistentes em e, como é em Kotlin, é muito fácil pesquisar e acompanhar IDE."
Com o Compose, a equipe do Monzo testou o app facilmente e garantiu que ele fosse acessível: "Ele nos ajudou a criar testes menos frágeis, executados de forma confiável e nos dão muita certeza de que nosso aplicativo realmente funciona nas mãos de nossos usuários. Testar pelo sistema semântico também garante que nossas telas sejam pelo menos razoavelmente acessível por padrão.”
Primeiros passos
Saiba mais sobre o Compose.