Monzo ist eine Bank und App für digitale Finanzdienstleistungen. Sie hat es sich zur Aufgabe gemacht, für jeden Geld zu verdienen. Das Designsystem von Monzo weicht langsam vom Material Design ab. Daher suchte das Unternehmen nach einer einfachen Möglichkeit, benutzerdefinierte Komponenten zu schreiben und zu verwalten, die sich ständig weiterentwickeln. Daher entschied sich das Unternehmen für Jetpack Compose.
Die Vorgehensweise
Mit „Compose“ werden die Material Design-Komponenten als Ebene über den Designsystem-unabhängigen Foundation APIs bereitgestellt. Monzo hat mit den Foundation APIs eine eigene Komponentenbibliothek erstellt und die Material-Komponenten als Referenz genutzt. Zunächst migrierte es jeweils einen Bildschirm und nutzte jetzt auf allen neuen Bildschirmen die Funktion „Schreiben“. Jetzt wird Compose von allen Android-Entwicklern in der Produktion verwendet: „Wir hatten keine größeren Probleme und waren sicher genug, um es für einige ausgewählte neue Funktionen und schließlich für alle neuen Funktionen zu verwenden.“
Ergebnis
Das Monzo-Team erstellte Komponenten, mit denen sich ganz einfach neue Bildschirme erstellen lassen: „Mit den Komponenten, die wir sofort bereitstellen, wird das Erstellen eines Bildschirms während des Erlernens des Schreibens viel flüssiger. Die Slot-basierten APIs sind ein fantastisches Muster, mit dem wir ganz einfach größere Komponenten aus vielen kleinen Bausteinen erstellen können.“
Mit Compose konnte das Monzo-Team eine qualitativ hochwertigere App entwickeln und Funktionen hinzufügen, die es früher in seinen Sprints nicht verfügbar gab: „Ein Beispiel sind Animationen. Sie können in Compose so einfach hinzugefügt werden, dass es nur sehr wenige Gründe gibt, Dinge nicht zu animieren, wie z. B. Änderungen an Farbe, Größe oder Höhe. Diese Animationen sind oft zu schwierig, um den Aufwand und die Komplexität im View-System zu rechtfertigen.“
Ihr Code ist jetzt kürzer und leichter zu lesen, zu verstehen und zu pflegen: „Deklarativer Code lässt sich viel leichter verstehen als Code, der eine änderbare UI-Hierarchie manipuliert. Es ist auch viel einfacher, Code zu verfolgen, wenn alles in derselben Sprache und oft in derselben Datei geschrieben ist, anstatt zwischen Kotlin und XML hin- und herzuspringen. Fangen wir noch nicht einmal mit XML-Designs und -Stilen an! Die Auswahl von Themen ist in der Funktion „Schreiben“ viel einfacher zu verstehen. Unser Design besteht nur aus den von uns definierten Properties. Die Werte sind auf allen Geräten einheitlich. Außerdem ist es in Kotlin sehr einfach, in der IDE zu suchen und ihnen zu folgen.“
Mit Compose konnte das Monzo-Team seine App einfach testen und dafür sorgen, dass die App zugänglich ist: „Es hat uns geholfen, Tests zu erstellen, die weniger instabil sind, zuverlässig ausgeführt werden und uns die Gewissheit geben, dass unsere App tatsächlich in den Händen unserer Nutzer funktioniert. Außerdem wird durch Tests mit dem Semantiksystem sichergestellt, dass unsere Bildschirme standardmäßig in angemessenem Umfang zugänglich sind.“