Monzo crea un'app più solida e di qualità superiore con Compose

Monzo è una banca e un'app che offre servizi finanziari digitali. La sua missione è far lavorare per tutti. Il sistema di progettazione di Monzo ha iniziato a discostarsi dal Material Design, per cui l'obiettivo era creare e gestire facilmente componenti personalizzati in continua evoluzione, così ha scelto Jetpack Compose.

Cosa è stato fatto

Con Compose, i componenti di Material Design vengono forniti come uno strato le API di base indipendenti dal sistema di progettazione. Monzo ha usato le API di base per creare la propria libreria dei componenti, utilizzando i componenti Material come riferimento. Loro iniziato eseguendo la migrazione di una schermata alla volta, utilizzando ora Compose in tutte le nuove schermate. Ora Compose viene utilizzata in produzione da tutti gli ingegneri di Android: " non abbiamo riscontrato problemi gravi, quindi ci siamo sentiti abbastanza sicuri utilizzandolo per alcune nuove funzionalità selezionate e, infine, per tutte le nuove funzionalità."

Risultati

Il team di Monzo ha creato componenti che consentono di creare facilmente nuovi schermate: "I componenti forniti da subito consentono di costruire una schermata Durante l'apprendimento, scrivi per un'esperienza molto più fluida. Le API basate su slot sono pattern fantastico che ci rende davvero facile creare componenti più grandi utilizzando tanti piccoli componenti di base."

Grazie a Compose, il team di Monzo è riuscito a creare un'app di qualità superiore, aggiungendo funzionalità molto interessanti che prima non era possibile gli sprint: "Un esempio sono le animazioni: sono così facili da aggiungere in Compose che c'è pochissima ragione per non animare elementi come colore/dimensione/altitudine modifiche. Queste animazioni interessanti sono spesso troppo difficili da ottenere l'impegno e la complessità del sistema View".

Il loro codice è ora più breve ed è più facile da leggere, comprendere mantenere: "Il codice dichiarativo è molto più facile da ragionare rispetto al codice che manipola una gerarchia dell'interfaccia utente modificabile. Inoltre, è molto più facile rintracciare il codice quando è tutto scritto nella stessa lingua e spesso nello stesso file, anziché passando da Kotlin a XML e viceversa. Non voglio neanche iniziare su XML temi e stili. I temi sono molto più facili da comprendere in Compose. Il nostro tema consiste solo nelle proprietà che definiamo, i valori sono coerenti e poiché è in Kotlin, cercare e seguire l'IDE".

Compose ha consentito al team di Monzo di testare facilmente la propria app e di verificare che lo fosse accessibile: "Ci ha aiutato a scrivere test meno fragili, eseguiti in modo affidabile e avere molta fiducia che la nostra app funzioni davvero nelle mani dei nostri utenti. Anche il test del sistema semantico assicura che le schermate siano almeno ragionevolmente accessibile per impostazione predefinita."

Inizia

Scopri di più su Compose.