Monzo crée une application plus robuste et de meilleure qualité avec Compose

Monzo est une banque et une application proposant des services financiers numériques. Sa mission est de faire en sorte que l’argent profite à tout le monde. Le système de conception de Monzo a commencé à s'éloigner de Material Design. Il cherchait donc un moyen facile d'écrire et de gérer des composants personnalisés qui évoluent constamment. C'est pourquoi il a choisi Jetpack Compose.

Stratégie de l'entreprise

Avec Compose, les composants Material Design sont fournis sous forme de couche sur les API de base indépendantes du système de conception. Monzo a utilisé les API de base pour créer sa propre bibliothèque de composants, en utilisant les composants Material comme référence. Elle a commencé par migrer un écran à la fois, puis a utilisé Compose sur tous les nouveaux écrans. Désormais, Compose est utilisé en production par tous les ingénieurs Android: "Nous n'avons rencontré aucun problème majeur. Nous nous sommes donc sentis suffisamment confiants pour commencer à l'utiliser pour certaines nouvelles fonctionnalités, puis pour toutes les nouvelles."

Résultats

L'équipe Monzo a créé des composants qui lui permettent de créer facilement de nouveaux écrans: "Les composants que nous fournissons prêts à l'emploi permettent de créer un écran tout en apprenant à Compose une expérience beaucoup plus fluide. Les API basées sur des emplacements constituent un modèle fantastique qui nous permet de créer très facilement des composants plus volumineux à partir d'un grand nombre de petits éléments de base."

Avec Compose, l'équipe Monzo a pu créer une application de meilleure qualité, en ajoutant des fonctionnalités intéressantes qu'elle ne pouvait pas utiliser auparavant dans ses sprints: "Les animations sont un exemple. Elles sont si faciles à ajouter dans Compose qu'il y a très peu de raisons de ne pas animer des éléments tels que des changements de couleur, de taille ou d'élévation. Ces animations "agréables" sont souvent trop difficiles pour l'effort et la complexité du système View."

Leur code est désormais plus court, et il est plus facile à lire, à comprendre et à gérer: "Le code déclaratif est beaucoup plus facile à comprendre que le code qui manipule une hiérarchie d'UI modifiable. Il est également beaucoup plus facile de tracer le code lorsqu'il est écrit dans le même langage et souvent dans le même fichier, plutôt que d'alterner entre Kotlin et XML. Ne me lancez même pas dans les thèmes et les styles XML. La thématisation est beaucoup plus facile à comprendre dans Compose. Notre thème ne comprend que les propriétés que nous définissons, les valeurs sont cohérentes sur tous les appareils et, comme il est en Kotlin, il est très facile de rechercher et de suivre dans l'IDE."

Compose a permis à l'équipe de Monzo de tester facilement son application et de s'assurer qu'elle est accessible: "Cela nous a permis d'écrire des tests moins fragiles et fiables, et de nous assurer que notre application fonctionne réellement entre les mains de nos utilisateurs. Les tests effectués à l'aide du système sémantique permettent également de s'assurer que nos écrans sont au moins raisonnablement accessibles par défaut."

Commencer

En savoir plus sur Compose