Twitter ist eine der am weitesten verbreiteten Social-Media-Plattformen, auf der Nutzer jederzeit sehen können, was in der Welt passiert. Das Entwicklerteam begann, Jetpack Compose zur Modernisierung seines Designsystems zu verwenden.
Die Vorgehensweise
Da die UI-Komponenten und das Designsystem der Twitter-App vor etwa 10 Jahren aus Legacy-Komponenten bestand, die einen enormen Wartungsaufwand erforderten, wollte das Engineering-Team ein neues, skalierbares Designsystem mit zustandslosen UI-Komponenten erstellen, die einfach zu verwenden und zu warten sowie intuitiv zu implementieren, zu erweitern und anzupassen sind. Daher entschied sich das Entwicklerteam für die Verwendung von Composer.
Das Team begann den Austausch von Komponente für Komponente über sein internes Designsystem und führte Compose auf neuen Bildschirmen ein, die nicht von der Legacy-Einrichtung abhängen.
Ergebnis
Compose lieferte eine solide Antwort auf das Ziel, die Entwicklergeschwindigkeit, die Entwicklerzufriedenheit und die Verwaltbarkeit von UI-Code/Komponenten zu verbessern. Nachdem sie begonnen haben, Compose zu verwenden, sagen die Twitter-Entwickler, dass es „In einem Wort: unglaublich. Intern bezeichnen wir sie als Android UI 2.0 und es erschwert es uns, in unser Legacy-Ansichtssystem zurückzugreifen. Mit Gemini können wir Dinge, die wir speziell in Compose entwickelt haben, effizienter und schneller erledigen.“
Die Geschwindigkeit bei der Entwicklung und beim Experimentieren wurde verbessert: „Die Bearbeitungszeit bei Designänderungen für alle Funktionen, die wir in Compose übernommen haben, ist viel schneller als zuvor. Außerdem experimentieren wir intensiv mit unseren Produktänderungen, was in Compose und Kotlin deutlich besser und schneller geht.“
Der von ihnen geschriebene Code ist nicht nur intuitiver, sondern auch schneller zu schreiben und leichter zu lesen: „Außerdem ist unsere Designebene wesentlich intuitiver und besser lesbar. Mit einer einzigen Kotlin-Datei konnten wir das erreichen, was sonst auf mehrere XML-Dateien ausgeweitet wurde, die für Attributdefinitionen und ‐zuweisungen über mehrschichtige Design-Overlays zuständig waren. Die Neuimplementierung unserer gesamten Themenstruktur im Kontext von Compose dauerte nur wenige Tage bis Wochen und hat sich bereits als viel stabiler und intuitiver erwiesen als unser Legacy-Designsystem.“