爱意满满的作品展示区。
cpylua

有赞的 React 组件库( Zent)开源了

  •  3
     
  •   cpylua · Jun 16, 2017 · 11929 views
    This topic created in 3429 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 的实用的业务组件,比如图片上传、图片资源管理等,敬请期待。

    23 replies  •  2017-07-06 10:34:50 +08:00
    learnshare
    learnshare
    Jun 16, 2017
    1
    不错
    jinfeng333
    jinfeng333
    Jun 16, 2017
    2
    zan zanPHP zant 有赞全家桶啊
    lwbjing
    lwbjing
    Jun 16, 2017
    3
    支持开源。。
    lacuna
    lacuna
    Jun 16, 2017
    4
    Loading 组件中间的 👍, 真的是赞 UI 啊。。。自己也做了一套组件库: https://github.com/jerryshew/react-uikits 欢迎提意见
    cpylua
    cpylua
    OP
    Jun 16, 2017 via iPhone
    5
    @lacuna 个人作品啊,很厉害~👍
    watzds
    watzds
    Jun 16, 2017 via Android
    6
    左边导航栏应该‘固定不动的
    cpylua
    cpylua
    OP
    Jun 16, 2017 via iPhone
    7
    @watzds 我们会改进的~
    delai
    delai
    Jun 16, 2017
    8
    赞~
    liaoyu
    liaoyu
    Jun 17, 2017 via iPhone
    9
    React 生态圈再添新成员 :(
    trimleo
    trimleo
    Jun 17, 2017
    10
    赞~👍
    sangmong
    sangmong
    Jun 17, 2017
    11
    mark
    kimown
    kimown
    Jun 17, 2017
    12
    支持
    LucasW
    LucasW
    Jun 18, 2017
    13
    移动版 业务组件 部分简直解放生产力,每次写这些东西都很烦的
    另外建议放出设计图源文件,这样子就可以先拖好图,确定界面,然后就可以开心的撸代码了
    aussieweever
    aussieweever
    Jun 19, 2017 via Android
    14
    和 antd 挺像的
    gongbaodd
    gongbaodd
    Jun 19, 2017
    15
    字词
    lucasicarus
    lucasicarus
    Jun 19, 2017 via Android
    16
    姿辞。。
    az8321550924
    az8321550924
    Jun 21, 2017
    17
    NND 一人一套 我也有一套
    怎么办
    要不要发出来
    cpylua
    cpylua
    OP
    Jun 22, 2017
    18
    @az8321550924 发出来瞅瞅呢
    cpylua
    cpylua
    OP
    Jun 22, 2017
    19
    @LucasW 放出设计图这个建议我们会考虑的~
    xuminke
    xuminke
    Jun 22, 2017
    20
    顶
    yuankui
    yuankui
    Jun 23, 2017
    21
    有你有赞
    magicdawn
    magicdawn
    Jun 26, 2017 via iPhone
    22
    应该叫 rezanrezan 😂
    dawnvan
    dawnvan
    Jul 6, 2017
    23
    @cpylua 问下你们有赞后台也是采用 Zent 的吗
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2589 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 55ms · UTC 00:28 · PVG 08:28 · LAX 16:28 · JFK 19:28
    ♥ Do have faith in what you're doing.