再造一个有赞微商城也不在话下,有赞 React 组件库(Zent)的开源与展望

前端之家收集整理的这篇文章主要介绍了再造一个有赞微商城也不在话下,有赞 React 组件库(Zent)的开源与展望前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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... 原作者:李晨

原文链接:https://www.f2er.com/react/303724.html

猜你在找的React相关文章