Mercari umożliwia milionom osób kupowanie i sprzedawanie niemal wszystkiego. Firma została założona w 2013 roku w Japonii i jest obecnie największym w tym kraju rynkiem C2C, na którym można kupować i sprzedawać smartfony. Zespół architektów klienta Mercari zaczął używać Jetpack Compose w 2020 roku, aby tworzyć stos technologiczny dla nowych aplikacji z wykorzystaniem nowoczesnych rozwiązań i technologii, które można długoterminowo skalować.
Rozwiązanie
Zespół Mercari musiał wdrożyć system projektowania ze złożonym zarządzaniem stanem i stylem w widokach Androida, co było bardzo skomplikowanym zadaniem. Dzięki Jetpack Compose nie tylko udało im się wdrożyć ten złożony system, ale też poświęcili mniej czasu na tworzenie każdego ekranu.
Jetpack Compose pomógł też zespołowi napisać kod interfejsu użytkownika nowej aplikacji z wykorzystaniem systemu projektowania, dzięki czemu kod interfejsu użytkownika był zwięzły i łatwy do zrozumienia. Dzięki temu zespół może poświęcić więcej czasu na pisanie ekranów i logiki biznesowej, np. praktycznej obsługi ciemnego motywu.
Zespół Mercari opracował też narzędzie do integracji Figmy z systemem projektowania, które automatycznie generuje kod interfejsu na podstawie projektów komponentów. Zespół stwierdził, że dzięki deklaratywnemu charakterowi Compose opracowanie tego narzędzia było łatwiejsze.
„Gdy deweloperzy Androida przyzwyczają się do pisania kodu w Jetpack Compose, nie będą chcieli wracać do poprzednich rozwiązań”. – Anthony Allan Conda, kierownik techniczny ds. Androida w Mercari
Wyniki
Dzięki Jetpack Compose i nowemu systemowi projektowania firma Mercari mogła używać znacznie mniejszej ilości kodu do tworzenia ekranów. W przypadku ekranów z treściami, które można przewijać w nieskończoność (co jest powszechnym przypadkiem użycia), udało im się zmniejszyć ilość kodu o około 56%. Dzięki temu mogli napisać więcej ekranów w tym samym czasie, co dało im więcej czasu na pisanie logiki biznesowej i innych części kodu.
Mogli też więcej zdziałać w samym interfejsie, np. włączyć animacje i używać intuicyjnych interfejsów API, takich jak AnimatedVisibility, Crossfade i Animatable.
Mercari planuje nadal używać Jetpack Compose w nowej aplikacji aż do jej wydania. Ich system projektowania z pakietem Android SDK napisanym w Jetpack Compose jest też przeznaczony do współpracy z wieloma aplikacjami w ramach Mercari.
Rozpocznij
Dowiedz się więcej o Jetpack Compose