有赞的 React 组件库（ Zent）开源了

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

爱意满满的作品展示区。

This topic created in 3249 days ago, the information mentioned may be changed or developed.

介绍

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

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

特性

一套完整的组件库，Zent 组件都是从业务需求中出来的，有些方面 Zent 可能做得是最好的。比如 Zent 的弹层组件是支持多层嵌套的，这个功能据我所知只有 Zent 实现了。
完善的中文文档。
一套有赞设计师绘制的图标库。
单测覆盖率在 90% 以上。
提供了一个 babel 插件来帮助减小 bundle 体积。
我们使用 yarn 管理包，用 ES6 和 postcss 开发，用 prettier 和 stylefmt 格式化代码，用 Jest + enzyme 跑单测。

展望

这个项目在有赞内部已经开发有段时间了，现在我们把它开放到 github，希望能帮助更多开发者尤其是有赞生态的开发者，更快、更低门槛地开发自己的 React 项目。

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

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

Supplement 1 · Jun 22, 2017

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