Monzo est une banque et une application les services financiers numériques. Sa mission est de faire en sorte que l’argent fonctionne pour tous. Le système de conception de Monzo a commencé à s'écarter de Material Design pour ils voulaient un moyen simple d'écrire et de gérer des composants personnalisés, en constante évolution. Ils ont donc choisi Jetpack Compose.
Ce qu'ils ont fait
Avec Compose, les composants Material Design sont fournis sous forme de couche sur le API de fondation 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. Ils nous avons commencé par migrer un écran à la fois, puis nous utilisons 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, et nous nous sommes sentis suffisamment confiants pour commencer nous l'utilisons pour certaines nouvelles fonctionnalités, et finalement pour toutes les nouvelles."
Résultats
L'équipe Monzo a créé des composants qui lui permettent de créer facilement écrans: "Les composants prêts à l'emploi que nous fournissons facilitent tout en bénéficiant d'une expérience beaucoup plus fluide avec Compose. Les API basées sur les emplacements qui nous permet de créer très facilement des composants plus volumineux à partir d'un grand nombre de petits éléments de base."
Grâce à Compose, l'équipe Monzo a pu créer une application de meilleure qualité, en ajoutant des fonctionnalités intéressantes auxquelles ils n'avaient pas accès auparavant Les sprints: "Les animations sont un bon exemple. Elles sont si faciles à ajouter dans Compose que Il y a très peu de raisons de ne pas animer des éléments tels que la couleur, la taille ou l'élévation. des modifications. Ces animations "agréables" sont souvent trop difficiles à apprécier les efforts et la complexité du système View."
Leur code est désormais plus court, et il est plus facile à lire, à comprendre et maintenir: "Le code déclaratif est beaucoup plus facile à comprendre que le code manipule une hiérarchie d'interface utilisateur modifiable. Il est également beaucoup plus facile de tracer l'écriture dans le code. lorsque tout est écrit dans la même langue et souvent dans le même fichier, et jongler entre Kotlin et XML. Ne me lancez même pas dans le format XML thèmes et styles ! La thématisation est beaucoup plus facile à comprendre dans Compose. Notre thème se compose uniquement des propriétés que nous définissons, les valeurs sont cohérentes et comme il est en Kotlin, il est très facile de rechercher l'IDE."
Compose a permis à l'équipe de Monzo de tester facilement son application et de s'assurer que celle-ci est accessible: "Cela nous a permis d'écrire des tests moins fragiles, de s'exécuter de manière fiable, et nous avons l'assurance que notre application fonctionne réellement entre les mains utilisateurs. Les tests via le système sémantique assurent également que nos écrans sont du moins raisonnablement accessible par défaut."
Premiers pas
En savoir plus sur Compose