Mercari 借助 Jetpack Compose 将界面开发效率提高了 56%

Mercari 让数百万人能够购物和销售几乎任何商品。该公司于 2013 年在日本成立,现已成为日本最大的以智能手机为主的 C2C 购物平台。Mercari 的 Client Architect 团队于 2020 年开始使用 Jetpack Compose,目标是使用能够长期扩展的现代解决方案和技术,为新应用构建技术栈。

策略

Mercari 团队需要实现一个在 Android View 上实现复杂状态管理和样式设置的设计系统,这是一项非常复杂的任务。通过使用 Jetpack Compose,他们不仅能够实现这个复杂的系统,还得以减少用于开发每个界面的时间。

Jetpack Compose 还帮助该团队利用设计系统为新应用编写界面代码,使其界面代码简洁且易于理解。因此,该团队可以将更多时间用于编写界面和业务逻辑,例如为深色主题提供实际支持。

此外,Mercari 团队还编写了一个概念验证工具,用于将 Figma 与设计系统集成,该工具会自动根据组件设计生成界面代码。该团队表示,由于 Compose 的声明性,使用 Compose 开发该工具会更轻松。

“一旦 Android 开发者习惯了编写 Jetpack Compose 代码,他们就不想再回来。”- Mercari 的 Android 技术主管 Anthony Allan Conda

成果

在 Jetpack Compose 和新的设计系统之间,Mercari 使用的代码编写界面的量要少得多。在包含可无限滚动内容这种常见用例的屏幕上,他们实际上将代码减少了约 56%。因此,他们得以在相同的时间内编写更多屏幕,让他们有更多时间来编写业务逻辑和代码的其他部分。

此外,开发者还可以利用界面本身执行更多操作,例如添加动画以及使用直观的 API(例如 AnimatedVisibilityCrossfadeAnimatable)。

Mercari 计划在其新应用中继续使用 Jetpack Compose,直至 Jetpack Compose 发布。他们的设计系统(使用 Jetpack Compose 编写的 Android SDK)还可与 Mercari 中的多个应用配合使用。

开始使用

详细了解 Jetpack Compose