Mercari permet à des millions de personnes d'acheter et de vendre presque n'importe quoi. Fondée en 2013 au Japon, l'entreprise est aujourd'hui la plus grande place de marché C2C axée sur les smartphones au Japon. L'équipe d'architectes clients de Mercari a commencé à utiliser Jetpack Compose en 2020 dans le but d'utiliser des solutions et des technologies modernes pouvant évoluer sur le long terme pour créer sa pile technologique pour les nouvelles applications.
Ce qu'ils ont fait
L'équipe Mercari devait implémenter un système de conception avec une gestion et un style d'état complexes sur les vues Android, une tâche très complexe. Grâce à Jetpack Compose, ils ont pu implémenter ce système complexe et passer moins de temps à développer chaque écran.
Jetpack Compose a également aidé l'équipe à écrire le code d'interface utilisateur de sa nouvelle application en utilisant le système de conception, ce qui a rendu le code d'interface utilisateur concis et facile à comprendre. L'équipe peut ainsi consacrer plus de temps à l'écriture des écrans et de la logique métier, comme la prise en charge pratique du thème sombre.
L'équipe Mercari a également écrit un outil de validation du concept pour intégrer Figma au système de conception, qui génère automatiquement le code de l'UI à partir des conceptions des composants. L'équipe a déclaré que le développement de cet outil était plus facile avec Compose en raison de sa nature déclarative.
"Une fois que les développeurs Android se sont habitués à écrire du code Jetpack Compose, ils ne voudront plus revenir en arrière." – Anthony Allan Conda, responsable technique Android chez Mercari
Résultats
Grâce à Jetpack Compose et à son nouveau système de conception, Mercari a pu écrire des écrans avec beaucoup moins de code. Sur les écrans avec du contenu à défilement infini (un cas d'utilisation courant), ils ont en fait réduit leur code d'environ 56 %. Ils ont ainsi pu écrire plus d'écrans dans le même laps de temps, ce qui leur a permis de consacrer plus de temps à la logique métier et à d'autres parties du code.
Ils ont également pu faire davantage avec l'UI elle-même, par exemple en intégrant des animations et en utilisant des API intuitives telles que AnimatedVisibility, Crossfade et Animatable.
Mercari prévoit de continuer à utiliser Jetpack Compose dans sa nouvelle application jusqu'à sa sortie. Leur système de conception, avec le SDK Android écrit dans Jetpack Compose, est également conçu pour fonctionner avec plusieurs applications au sein de Mercari.
Premiers pas
En savoir plus sur Jetpack Compose