Mercari consente a milioni di persone di fare acquisti e vendere quasi di tutto. L'azienda è stata fondata nel 2013 in Giappone ed ora è il più grande marketplace C2C incentrato sugli smartphone in Giappone. Il team Client Architect di Mercari ha iniziato a utilizzare Jetpack Compose nel 2020 con l'obiettivo di utilizzare soluzioni e tecnologie moderne in grado di scalare a lungo termine per creare il proprio stack tecnico per nuove applicazioni.
Cosa hanno fatto
Il team di Mercari aveva bisogno di implementare un sistema di progettazione con una complessa gestione dello stato e uno stile su Android Views, un compito molto complesso. Grazie a Jetpack Compose, l'azienda non solo è riuscita a implementare questo complesso sistema, ma ha anche potuto dedicare meno tempo allo sviluppo di ogni schermo.
Jetpack Compose ha inoltre aiutato il team a scrivere il codice dell'interfaccia utente della nuova app utilizzando il sistema di progettazione, rendendo il codice dell'interfaccia utente conciso e facile da capire. Di conseguenza, il team può dedicare più tempo alla scrittura degli schermi e alla logica di business, ad esempio a un supporto pratico per il tema scuro.
Inoltre, il team di Mercari ha scritto uno strumento proof of concept per integrare Figma nel sistema di progettazione, che genera automaticamente il codice dell'interfaccia utente dai progetti dei componenti. Il team ha affermato che lo sviluppo di questo strumento è stato più semplice con Compose a causa della sua natura dichiarativa.
"Una volta che gli sviluppatori Android si sono abituati a scrivere il codice di Jetpack Compose, non vorranno tornare indietro." - Anthony Allan Conda, Android Tech Lead presso Mercari
Risultati
Tra Jetpack Compose e il nuovo sistema di progettazione, Mercari è stata in grado di utilizzare molto meno codice per scrivere gli schermi. Su schermi con contenuti scorrevoli all'infinito, un caso d'uso comune, l'azienda ha ridotto il codice di circa il 56%. Di conseguenza, l'azienda è stata in grado di scrivere più schermate nello stesso lasso di tempo, dando loro più tempo per scrivere la logica di business e altre parti del codice.
Inoltre, l'azienda è riuscita a fare di più con l'interfaccia utente stessa, ad esempio grazie all'incorporamento di animazioni e all'utilizzo di API intuitive come AnimatedVisibility, Crossfade e Animatable.
Mercari ha in programma di continuare a utilizzare Jetpack Compose nella nuova applicazione fino al rilascio. Anche il loro sistema di progettazione, con l'SDK Android scritto in Jetpack Compose, è progettato per funzionare con diverse applicazioni all'interno di Mercari.
Inizia
Scopri di più su Jetpack Compose.