V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Cryse
V2EX  ›  前端开发

选择困难, react 组件库的问题

  •  
  •   Cryse · 2017-02-27 19:44:52 +08:00 · 3646 次点击
    这是一个创建于 2608 天前的主题,其中的信息可能已经有所发展或是发生改变。

    想做个基于 react 的网站,但是选择组件库 (CSS 框架) 的时候真是困难啊。

    看了看 material-ui 不错,但是很多人说 inline style 和性能问题,所以暂时不考虑; antd 感觉更适合管理后台使用;于是又找了这个三个:

    react-bootstrap:

    • 基于 bootstrap3, 对于升级到 bootstrap4, issue 中说要等到 bootstrap4 release 后才考虑;
    • 很久很久了都还没到 1.0, roadmap 最后一次更新还是在 2016 年 10 月;
    • 还有个类似的专门针对 bootstrap4 的 reactstrap 然而二者组件实现有差异,并不能无缝迁移。

    semantic-ui-react:

    • 基于 semantic-ui, 很漂亮, semantic-ui.min.css 有 115k, 引用的字体还有 40~50k ,这个尺寸是不是偏大了?
    • 据说移动端流畅度不够,不过我自己试了几款浏览器和几台机器貌似没有发现。

    blueprintjs:

    • 刚刚看到,还没有试用。

    Github star 数: blueprintjs > semantic-ui-react > react-bootstrap

    2017 年到目前的 commit 数量: blueprintjs(163) > semantic-ui-react(150) > react-bootstrap(15)

    然后自己建了个项目试了下,同样的代码,仅仅引用两个库不同,首屏 react-bootstrap 用了 279k, 而 semantic-ui-react 用了 438k

    所以来求教究竟该怎么选?

    8 条回复    2020-04-22 12:22:17 +08:00
    wobuhuicode
        1
    wobuhuicode  
       2017-02-28 12:06:30 +08:00
    时间不急自己写,时间中等长度,参考 material 写,时间很急,选 bootstrap ,不要用组件形式,写样式类, HTML 引入 bootstrap css 就好了
    ibufu
        2
    ibufu  
       2017-02-28 20:05:21 +08:00
    建议不要用 react ,如果不是后台网站
    Cryse
        3
    Cryse  
    OP
       2017-02-28 22:57:34 +08:00
    @wobuhuicode 自己写量有点大啊。。
    Cryse
        4
    Cryse  
    OP
       2017-02-28 23:00:21 +08:00
    @ibufu 为什么呢?感觉 react 挺好用呀
    ibufu
        5
    ibufu  
       2017-03-01 14:22:56 +08:00
    @Cryse 具体看需求,各有优缺点
    mascotqoo
        6
    mascotqoo  
       2019-10-12 08:31:15 +08:00
    @ibufu 你有说等於没说,"看需求?!" ,那不是废话吗?
    是废话,就不要回覆了,浪费资源
    ibufu
        7
    ibufu  
       2019-10-12 16:31:47 +08:00
    @mascotqoo 弱智
    mascotqoo
        8
    mascotqoo  
       2020-04-22 12:22:17 +08:00
    @ibufu 你真懂,就请发表
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2759 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 05:45 · PVG 13:45 · LAX 22:45 · JFK 01:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.