大家有没有什么上手的 react 的 UI 框架推荐啊。 - V2EX
devwolf

大家有没有什么上手的 react 的 UI 框架推荐啊。

  •  
  •   devwolf Dec 10, 2019 4208 views
    This topic created in 2345 days ago, the information mentioned may be changed or developed.

    项目里主体用的 antd,想问有没有类似 tinper-bee 这样改造了 antd 的。打量会儿 rsuite 后思索了一番,也可以推荐诸如 bootstrap 不同主题这样的 css 框架

    18 replies    2019-12-11 10:24:57 +08:00
    shintendo
        1
    shintendo  
       Dec 10, 2019   1
    用过 material-ui,我自己不太喜欢,感觉它偏重灵活性,所以封装程度比较低,我做个人项目还是 antd 一把梭方便,但也许符合你的需要
    love
        2
    love  
       Dec 10, 2019   1
    推荐 material-ui

    antd 真的,我用着 firefox 打开首页 https://ant.design/ 看到中间一排大按钮的字向下了 2 像素,竟然首页上的垂直居中都没做好,一下子就没有兴趣
    lneoi
        3
    lneoi  
       Dec 10, 2019
    感觉没什么 UI 框架可以选.. 特别是移动端的
    afc163
        4
    afc163  
       Dec 10, 2019
    @love 我的 Firefox 上看的是好的,有没有截图能分享一下?
    shintendo
        5
    shintendo  
       Dec 10, 2019
    @afc163 我的 firefox 也没垂直居中
    shintendo
        6
    shintendo  
       Dec 10, 2019
    luolingxiao
        7
    luolingxiao  
       Dec 10, 2019   1
    semanticUI
    ifreego
        8
    ifreego  
       Dec 10, 2019
    平时也是 antd 一把梭,上面的问题 mac firefox 上的倒是没复现。看代码中也加了 firefox 的兼容 [-moz-focus-inner]( https://github.com/ant-design/ant-design/search?q=-moz-focus-inner&unscoped_q=-moz-focus-inner)
    seki
        9
    seki  
       Dec 10, 2019   1
    stardust, blueprint 都还可以
    love
        10
    love  
       Dec 10, 2019
    @afc163 楼上有图。你是什么语言?我怀疑是我的 OS 和 FF 都是英文的关系?
    Austaras
        11
    Austaras  
       Dec 10, 2019
    不是没有居中, 是不在 mac 上会回落到 segoe ui 上, 是字体的问题
    SilencerL
        12
    SilencerL  
       Dec 10, 2019   1
    https://www.react-uwp.com/

    个人博客是用这个框架做的, 低仿 Outlook
    https://v2c.tech/
    mantout
        13
    mantout  
       Dec 10, 2019
    @SilencerL #12 你把我想做的东西做出来了,Win 10 的设置页面
    afc163
        14
    afc163  
       De 10, 2019
    <img width="521" alt="图片" src="https://user-images.githubusercontent.com/507615/70544366-ec3a8280-1ba6-11ea-8292-f4acf9256d0e.png">

    我这里 Firefox 里看到的是这样的,可能和字体有关系。

    @shintendo @love
    afc163
        16
    afc163  
       Dec 11, 2019
    @love 另外,我本人的主力浏览器是 Firefox,也默认用它来调试 antd。在我眼里 antd 对 Firefox 的细节支持甚至是超过 Chrome 的( Chrome 引擎升级太快,样式的小问题很多)。
    devwolf
        17
    devwolf  
    OP
       Dec 11, 2019
    非常感谢各位的回答。
    我个人的话,因不适 jss 的使用,所以很长一段时间不会考虑 material-ui。
    react-uwp 以及 SilencerL 的个人博客 都很酷炫,惊艳到我差点想改变项目的整体风格。冷静下来后,准备等时间阔裕了再好好斟酌一下使用场合。
    从官方说明文档上,感觉 semantic-ui 更是一款 css 框架,较于 blueprintjs 这种和 antd 使用方式如出一辙的,我优先考虑后者的使用了,单纯的因为有可以使用的 props。
    blueprintjs 说明文档还找了一阵子,https://blueprintjs.com/docs/#core/components/card
    love
        18
    love  
       Dec 11, 2019
    @afc163 现在主页是已经修复的版本?还是下沉呢
    About     Help     Advertise     Blog     API     FAQ     Solana     3206 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 50ms UTC 14:40 PVG 22:40 LAX 07:40 JFK 10:40
    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