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 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.“
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