Monzo entwickelt mit der Funktion „Schreiben“ eine robustere und hochwertigere App

Monzo ist eine Bank- und App-Plattform. digitale Finanzdienstleistungen. Ihr Ziel ist es, Geld zu verdienen. für alle. Monzos Designsystem begann, von Material Design abzuweichen, wollten sie eine einfache Möglichkeit, benutzerdefinierte Komponenten zu schreiben und zu verwalten, ständig weiterentwickelten, weshalb sie sich für Jetpack Compose entschieden haben.

Vorgehensweise

Bei „Compose“ werden die Material Design-Komponenten als Schicht über dem „design-system-unabhängige Foundation APIs“. Monzo verwendete die Basis-APIs, um Komponentenbibliothek unter Verwendung der Material-Komponenten als Referenz nutzen. Sie migrierten Sie zuerst einen Bildschirm nach dem anderen. Jetzt wird auf allen neuen Bildschirmen die Funktion „Schreiben“ verwendet. Jetzt wird Compose von allen Android-Entwicklern in der Produktion verwendet: „Wir keine größeren Probleme hatten, und wir waren zuversichtlich genug, und zwar für einige ausgewählte neue Funktionen und schließlich für alle neuen Funktionen.“

Ergebnisse

Das Monzo-Team entwickelte Komponenten, mit denen sich ganz einfach neue Bildschirme: „Mit den Komponenten, die wir auspacken und fertig bereitstellen, während das Schreiben von Text erhöht wird. Die Slot-basierten APIs sind ein Ein fantastisches Muster, mit dem wir große Komponenten ganz einfach erstellen können, aus vielen kleinen Bausteinen.“

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 Animationen sind oft zu schwierig, um sich zu lohnen den Aufwand und die Komplexität des View-Systems zu reduzieren.“

Ihr 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 durch 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 mal mit XML loslegen. Designs und Stile. Die Auswahl von Themen ist in der Funktion „Schreiben“ viel einfacher zu verstehen. 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 Tests mit dem Semantiksystem wird außerdem sichergestellt, dass unsere Bildschirme zumindest standardmäßig barrierefrei.“

Erste Schritte

Weitere Informationen