Mercari, Jetpack Compose ile kullanıcı arayüzü geliştirme üretkenliğini% 56 artırdı

Mercari, milyonlarca kullanıcının hemen hemen her ürünü satın alıp satmasına olanak tanıyor. 2013'te Japonya'da kurulan şirket, şu anda Japonya'daki en büyük akıllı telefon odaklı C2C pazar yeri konumunda. Mercari'nin Müşteri Mimarı Ekibi, yeni uygulamalar için teknoloji yığınını uzun vadede ölçeklendirebilen modern çözüm ve teknolojilerden yararlanmak amacıyla 2020'de Jetpack Compose'u kullanmaya başladı.

Ne yaptılar?

Mercari ekibinin Android Görünümleri'nde karmaşık durum yönetimi ve stil özelliklerine sahip bir tasarım sistemi uygulaması gerekiyordu. Bu da oldukça karmaşık bir görevdi. Jetpack Compose'u kullanan ekip bu karmaşık sistemi uygulamakla kalmadı, aynı zamanda her ekranı geliştirmeye daha az zaman harcamalarını da sağladı.

Jetpack Compose, ekibin tasarım sistemini kullanarak yeni uygulamaları için kullanıcı arayüzü kodu yazmasına da yardımcı oldu. Böylece, kullanıcı arayüzü kodu kısa ve kolay anlaşılır hale geldi. Bunun sonucunda ekip, ekranlar ve iş mantığı (ör. koyu tema için pratik destek) yazmaya daha fazla zaman ayırabiliyor.

Buna ek olarak, Mercari ekibi Figma'yı tasarım sistemiyle entegre etmek için bir kavram kanıtlama aracı geliştirdi. Bu araç, bileşen tasarımlarından otomatik olarak kullanıcı arayüzü kodu üretti. Ekip, bildirim temelli yapısı nedeniyle Compose'da bu aracı geliştirmenin daha kolay olduğunu söyledi.

"Android geliştiricileri Jetpack Compose kodu yazmaya alıştıktan sonra geri dönmek istemiyorlar." - Anthony Allan Conda, Mercari Android Teknoloji Lideri

Sonuçlar

Mercari, Jetpack Compose ile yeni tasarım sistemi arasında ekran yazmak için çok daha az kod kullanmayı başardı. Yaygın bir kullanım alanı olan sonsuz kaydırılabilir içeriğe sahip ekranlarda, kodlarını yaklaşık %56 oranında azalttılar. Sonuç olarak aynı sürede daha fazla ekran yazabildiler. Böylece iş mantığını ve kodun diğer bölümlerini yazmak için daha fazla zaman yarattılar.

Ayrıca, kullanıcı arayüzünün kendisi ile animasyonlar ekleme ve AnimatedVisibility, Crossfade ve Animatable gibi sezgisel API'ler kullanma gibi daha fazla işlem yapabildiler.

Mercari, kullanıma sunulana kadar yeni uygulamasında Jetpack Compose'u kullanmaya devam etmeyi planlıyor. Jetpack Compose'da yazılmış Android SDK'sına sahip tasarım sistemleri de Mercari'deki birden fazla uygulamayla çalışacak şekilde tasarlanmıştır.

Başlayın

Jetpack Compose hakkında daha fazla bilgi edinin.