6

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

我们的目标是让 React 开发更快、更简单。如果你要开发一个商家后台,那么用Zent就在合适不过了。

特性

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

  • 完善的中文文档。

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

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

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

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

展望

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

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

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

本文原载于有赞技术博客:http://tech.youzan.com/you-za... 原作者:李晨


德来
1.7k 声望1.1k 粉丝

有赞前端工程师,关注前端性能、工程化、交互体验、团队管理