有赞的 React 组件库Zent开源了

介绍

Zent ( ˈzent ) 是有赞 PC 端 WebUI 规范的 React 实现版本，提供了一整套基础的 UI 组件。目前我们有 35+ 组件，这些组件都已经在有赞的各类 PC 业务中使用。我们会在此基础上，持续开发一些新组件。

我们的目标是让 React 开发更快、更简单。

特性

• 一套完整的组件库，Zent 组件都是从业务需求中出来的，有些方面 Zent 可能做得是最好的。比如 Zent 的弹层组件是支持多层嵌套的，这个功能据我所知只有 Zent 实现了。

• 完善的中文文档。

• 一套有赞设计师绘制的图标库。

• 单测覆盖率在 90% 以上。

• 提供了一个 babel 插件来帮助减小 bundle 体积。

• 我们使用 yarn 管理包，用 ES6 和 postcss 开发，用 prettier 和 stylefmt 格式化代码，用 Jest + enzyme 跑单测。

展望

7月初，我会开源基于 Zent 的微杂志编辑套件（如下图）。除了官方提供的常用微杂志组件，也支持自定义和第三方扩展，让你轻轻松松写出一个WebApp，让普通用户也可以搭建含动态数据的页面的，比如米马杂货的首页这种。很快，会接着开放更多基于 Zent 的实用的业务组件，比如图片上传、图片资源管理等，敬请期待。

Zent 还有不少功能没有完善，例如还没有动画基础设施、没有英文文档以及对 flow / typescript 的支持还不完善，很期待得到大家的批评和帮助，一起打造一个更完善、更好用的 Zent。

完整代码请移步 github，使用指南请移步文档网站。