Square unterstützt Millionen von Verkäufern bei der Verwaltung ihres Unternehmens – von der sicheren Kreditkartenabwicklung über Lösungen für den Point of Sale bis hin zur Einrichtung eines kostenlosen Onlineshops. Square setzt schon seit einiger Zeit auf deklarative Benutzeroberflächen. Anstatt jedoch sein eigenes Framework weiterzuentwickeln, entschied sich das Unternehmen für Jetpack Compose. So konnte es die Wartungskosten vermeiden und die Verbesserungen gegenüber dem Android-Views-System nutzen.
Vorgehensweise
Das Square-Team begann mit der Erstellung seines Designsystems in Compose, um seinem Designsystem-Team und seinen Produktingenieuren mehr Geschwindigkeit zu ermöglichen. Da die App bereits eine unidirektionale Datenflussarchitektur hat, „können die Produktingenieure Compose ganz einfach Bildschirm für Bildschirm einbinden.“ Bei der Einführung von Compose haben sie festgestellt, dass „es manchmal fast so einfach ist, dass man es komplizierter erwartet. Alles funktioniert einfach.“
Ergebnisse
„Mit Compose können wir uns auf Dinge konzentrieren, die für Square und unsere UI-Infrastruktur einzigartig sind, anstatt das allgemeinere Problem zu lösen, ein deklaratives UI-Framework zu erstellen.“
Das Entwicklerteam stellte fest, dass Compose die Produktivität steigerte, da der Code einfacher zu verstehen, zu organisieren und zu schreiben war. Außerdem sparten sie mit den Android Studio-Tools viel Zeit.
„Es ist einfacher und schneller, Komponenten zu stylen. Auch der Code für komplexe Komponenten ist leichter zu lesen. In Compose ist es einfacher, Code zu organisieren und lesbar zu machen. Das Layoutsystem von Compose ist konzeptionell einfacher, sodass es leichter zu verstehen ist. Vorschauen sparen beim Erstellen von Komponenten viel Zeit.“
Erste Schritte
Weitere Informationen zu Compose