Monzo ist eine Bank und App, die digitale Finanzdienstleistungen anbietet. Das Ziel des Unternehmens ist es, Finanzen für alle verständlich zu machen. Das Designsystem von Monzo begann, sich von Material Design abzuweichen. Das Team wollte daher eine einfache Möglichkeit zum Erstellen und Pflegen benutzerdefinierter Komponenten, die sich ständig weiterentwickeln. Deshalb entschied es sich für Jetpack Compose.
Vorgehensweise
Mit Compose werden die Material Design-Komponenten als Schicht über den designsystemunabhängigen Basis-APIs bereitgestellt. Monzo hat anhand der Foundation APIs eine eigene Komponentenbibliothek erstellt und dabei die Material-Komponenten als Referenz verwendet. Er begann damit, jeweils einen Bildschirm zu migrieren, und verwendet jetzt Compose für alle neuen Bildschirme. Heute wird Compose von allen Android-Entwicklern in der Produktion verwendet: „Wir sind auf keine größeren Probleme gestoßen und waren daher zuversichtlich genug, es für einige ausgewählte neue Funktionen und schließlich für alle neuen Funktionen zu verwenden.“
Ergebnisse
Das Monzo-Team hat Komponenten erstellt, mit denen sich ganz einfach neue Bildschirme erstellen lassen: „Die von uns bereitgestellten Komponenten machen das Erstellen eines Bildschirms beim Lernen von Compose viel einfacher. Die slotbasierten 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 hochwertigere App entwickeln, Funktionen nutzen, die früher in ihrem Konto nicht verfügbar waren, Sprints: „Ein Beispiel sind Animationen. Sie können in Compose so einfach hinzugefügt werden, es gibt nur sehr wenige Gründe, Dinge wie Farbe/Größe/Höhe nicht zu animieren. Änderungen. Diese „nice-to-have“-Animationen sind oft zu schwierig, um den Aufwand und die Komplexität im View-System zu rechtfertigen.“
Der Code ist jetzt kürzer und leichter zu lesen, zu verstehen Pflegen Sie: „Deklarativer Code lässt sich viel leichter verstehen als Code, der manipuliert eine änderbare UI-Hierarchie. Es ist auch viel einfacher, Code mithilfe von Code zu verfolgen. wenn alles in derselben Sprache und oft in derselben Datei geschrieben ist, anstatt zwischen Kotlin und XML wechseln. Ich möchte noch nicht einmal mit XML loslegen. Designs und Stile. Die Auswahl der Themen ist viel einfacher zu verstehen in der Funktion „Schreiben“. Unser Thema nur aus den von uns definierten Eigenschaften besteht, sind die Werte in allen Und dank der Kotlin-Version ist es ganz einfach, in der IDE.“
Mit Compose konnte das Monzo-Team die App ganz einfach testen und sicherstellen, dass sie zugänglich: „Es hat uns geholfen, Tests zu schreiben, die weniger fragil sind, zuverlässig und uns das Gewissheit gibt, dass unsere App Nutzenden. Durch die Tests mit dem semantischen System wird außerdem sichergestellt, dass unsere Bildschirme standardmäßig zumindest einigermaßen barrierefrei sind.“
Erste Schritte
Weitere Informationen zu Compose