有赞的 React 组件库( Zent)开源了 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
cpylua
V2EX    分享创造

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

  •  3
     
  •   cpylua 2017-06-16 17:35:34 +08:00 11037 次点击
    这是一个创建于 3120 天前的主题,其中的信息可能已经有所发展或是发生改变。

    介绍

    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,使用指南请移步文档网站

    第 1 条附言    2017-06-22 10:36:30 +08:00

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

    23 条回复    2017-07-06 10:34:50 +08:00
    learnshare
        1
    learnshare  
       2017-06-16 17:45:30 +08:00
    不错
    wujunze
        2
    wujunze  
       2017-06-16 18:01:27 +08:00
    zan zanPHP zant 有赞全家桶啊
    lwbjing
        3
    lwbjing  
       2017-06-16 18:15:13 +08:00
    支持开源。。
    lacuna
        4
    lacuna  
       2017-06-16 18:31:00 +08:00
    Loading 组件中间的 , 真的是赞 UI 啊。。。自己也做了一套组件库: https://github.com/jerryshew/react-uikits 欢迎提意见
    cpylua
        5
    cpylua  
    OP
       2017-06-16 19:17:19 +08:00 via iPhone
    @lacuna 个人作品啊,很厉害~
    watzds
        6
    watzds  
       2017-06-16 19:29:51 +08:00 via Android
    左边导航栏应该‘固定不动的
    cpylua
        7
    cpylua  
    OP
       2017-06-16 22:21:02 +08:00 via iPhone
    @watzds 我们会改进的~
    delai
        8
    delai  
       2017-06-16 23:44:45 +08:00
    赞~
    liaoyu
        9
    liaoyu  
       2017-06-17 00:05:16 +08:00 via iPhone
    React 生态圈再添新成员 :(
    trimleo
        10
    trimleo  
       2017-06-17 12:33:37 +08:00
    赞~
    sangmong
        11
    sangmong  
       2017-06-17 14:15:07 +08:00
    mark
    kimown
        12
    kimown  
       2017-06-17 14:37:58 +08:00
    支持
    LucasW
        13
    LucasW  
       2017-06-18 00:08:34 +08:00
    移动版 业务组件 部分简直解放生产力,每次写这些东西都很烦的
    另外建议放出设计图源文件,这样子就可以先拖好图,确定界面,然后就可以开心的撸代码了
    aussieweever
        14
    aussieweever  
       2017-06-19 07:25:32 +08:00 via Android
    和 antd 挺像的
    gongbaodd
        15
    gongbaodd  
       2017-06-19 11:12:49 +08:00
    字词
    lucasicarus
        16
    lucasicarus  
       2017-06-19 11:44:50 +08:00 via Android
    姿辞。。
    az8321550924
        17
    az8321550924  
       2017-06-21 14:50:31 +08:00
    NND 一人一套 我也有一套
    怎么办
    要不要发出来
    cpylua
        18
    cpylua  
    OP
       2017-06-22 10:33:42 +08:00
    @az8321550924 发出来瞅瞅呢
    cpylua
        19
    cpylua  
    OP
       2017-06-22 10:34:46 +08:00
    @LucasW 放出设计图这个建议我们会考虑的~
    xuminke
        20
    xuminke  
       2017-06-22 11:52:39 +08:00
    yuankui
        21
    yuankui  
       2017-06-23 09:40:24 +08:00
    有你有赞
    magicdawn
        22
    magicdawn  
       2017-06-26 15:43:29 +08:00 via iPhone
    应该叫 rezanrezan
    dawnvan
        23
    dawnvan  
       2017-07-06 10:34:50 +08:00
    @cpylua 问下你们有赞后台也是采用 Zent 的吗
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1778 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 16:12 PVG 00:12 LAX 08:12 JFK 11:12
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86