Mercari 使用 Jetpack Compose 将 UI 开发效率提升 56%

Mercari 允许数百万人买卖几乎任何东西。该公司于 2013 年在日本成立,现已成为日本最大的专注于智能手机的 C2C 市场。Mercari 的客户端架构团队于 2020 年开始使用 Jetpack Compose,目标是使用可长期扩展的现代解决方案和技术来构建其用于新应用的技术栈。

他们做了什么

Mercari 团队需要在 Android 视图上实现一个具有复杂状态管理和样式的设计系统——这是一项非常复杂的任务。通过使用 Jetpack Compose,他们不仅能够实现这个复杂的系统,还帮助他们减少了开发每个屏幕的时间。

Jetpack Compose 也帮助团队利用设计系统为其新应用编写 UI 代码,使他们的 UI 代码简洁易懂。因此,团队可以花费更多时间编写屏幕和业务逻辑,例如对深色主题的实用支持。

此外,Mercari 团队编写了一个概念验证工具,用于将 Figma 与设计系统集成,该工具可以根据组件设计自动生成 UI 代码。团队表示,由于 Compose 的声明式特性,开发此工具变得更容易。

“一旦 Android 开发人员习惯了编写 Jetpack Compose 代码,他们就不会想再回到以前了。” - Mercari Android 技术主管 Anthony Allan Conda

结果

通过 Jetpack Compose 和他们的新设计系统,Mercari 能够使用更少的代码来编写屏幕。在具有无限滚动内容的屏幕上(一种常见用例),他们实际上将代码减少了约 56%。因此,他们能够在相同的时间内编写更多屏幕,从而有更多时间编写业务逻辑和其他代码部分。

此外,他们能够对 UI 本身进行更多操作,例如合并动画并使用直观的 API,如 AnimatedVisibilityCrossfadeAnimatable

Mercari 计划在新应用程序发布之前继续使用 Jetpack Compose。他们的设计系统(使用 Jetpack Compose 编写的 Android SDK)也旨在与 Mercari 中的多个应用程序一起使用。

开始

了解更多关于 Jetpack Compose 的信息。