Square unterstützt Millionen von Verkäufern bei der Geschäftsabwicklung – von der sicheren Kreditkartenverarbeitung über Point-of-Sale-Lösungen bis hin zur Einrichtung eines kostenlosen Onlineshops. Square wurde bereits seit einiger Zeit zur deklarativen Benutzeroberfläche gewechselt. Statt weiterhin ein eigenes Framework zu erstellen, entschied sich das Unternehmen jedoch für Jetpack Compose, um die Wartungskosten zu vermeiden und die Verbesserungen zu nutzen, die das Android Views-System bietet.
Die Vorgehensweise
Das Square-Team begann, sein Designsystem in Compose zu erstellen, damit das Designsystemteam und die Produktentwickler schneller vorankommen. Da ihre Anwendung bereits mit einer unidirektionalen Datenflussarchitektur organisiert ist, „ist es für Produktentwickler sehr einfach, Compose für einen Bildschirm nach dem anderen zu wechseln.“ Bei der Einführung von Compose haben sie festgestellt, dass „manchmal ist es fast so einfach, dass es komplizierter wird. Alles funktioniert einfach.“
Ergebnis
„Mit Compose können wir uns auf Dinge konzentrieren, die nur Square und unsere UI-Infrastruktur haben, anstatt das übergeordnete Problem der Erstellung eines deklarativen UI-Frameworks zu lösen.“
Das Entwicklerteam stellte fest, dass die Produktivität mit Compose verbessert wurde, sodass der Code einfacher zu verstehen, zu organisieren und zu schreiben ist. Außerdem sparte das Team viel Zeit mit den Android Studio-Tools.
„Komponenten lassen sich einfacher und schneller gestalten. Auch das Lesen des Codes für komplizierte Komponenten ist einfacher. In Compose lässt sich Code einfacher organisieren und lesbar machen. Das Layoutsystem von Compose ist konzeptionell einfacher, sodass es leichter nachzuvollziehen ist. Mit Vorschauen können wir viel Zeit sparen, wenn wir Komponenten erstellen.“