V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
devwolf
V2EX  ›  问与答

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

  •  
  •   devwolf · 2019-12-10 09:53:33 +08:00 · 3555 次点击
    这是一个创建于 1813 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    antd 真的,我用着 firefox 打开首页 https://ant.design/ 看到中间一排大按钮的字向下了 2 像素,竟然首页上的垂直居中都没做好,一下子就没有兴趣
    lneoi
        3
    lneoi  
       2019-12-10 10:37:53 +08:00
    感觉没什么 UI 框架可以选.. 特别是移动端的
    afc163
        4
    afc163  
       2019-12-10 13:57:50 +08:00
    @love 我的 Firefox 上看的是好的,有没有截图能分享一下?
    shintendo
        5
    shintendo  
       2019-12-10 14:00:40 +08:00
    @afc163 我的 firefox 也没垂直居中
    shintendo
        6
    shintendo  
       2019-12-10 14:04:31 +08:00
    luolingxiao
        7
    luolingxiao  
       2019-12-10 14:28:59 +08:00   ❤️ 1
    semanticUI
    ifreego
        8
    ifreego  
       2019-12-10 14:32:55 +08:00
    平时也是 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  
       2019-12-10 14:35:04 +08:00   ❤️ 1
    stardust, blueprint 都还可以
    love
        10
    love  
       2019-12-10 14:39:27 +08:00
    @afc163 楼上有图。你是什么语言?我怀疑是我的 OS 和 FF 都是英文的关系?
    Austaras
        11
    Austaras  
       2019-12-10 14:41:45 +08:00
    不是没有居中, 是不在 mac 上会回落到 segoe ui 上, 是字体的问题
    SilencerL
        12
    SilencerL  
       2019-12-10 15:08:08 +08:00   ❤️ 1
    https://www.react-uwp.com/

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

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

    @shintendo @love
    afc163
        15
    afc163  
       2019-12-10 23:58:31 +08:00
    afc163
        16
    afc163  
       2019-12-11 00:09:23 +08:00
    @love 另外,我本人的主力浏览器是 Firefox,也默认用它来调试 antd。在我眼里 antd 对 Firefox 的细节支持甚至是超过 Chrome 的( Chrome 引擎升级太快,样式的小问题很多)。
    devwolf
        17
    devwolf  
    OP
       2019-12-11 09:32:16 +08:00
    非常感谢各位的回答。
    我个人的话,因不适 jss 的使用,所以很长一段时间不会考虑 material-ui。
    react-uwp 以及 SilencerL 的个人博客 都很酷炫,惊艳到我差点想改变项目的整体风格。冷静下来后,准备等时间阔裕了再好好斟酌一下使用场合。
    从官方说明文档上,感觉 semantic-ui 更是一款 css 框架,较于 blueprintjs 这种和 antd 使用方式如出一辙的,我优先考虑后者的使用了,单纯的因为有可以使用的 props。
    blueprintjs 说明文档还找了一阵子,https://blueprintjs.com/docs/#core/components/card
    love
        18
    love  
       2019-12-11 10:24:57 +08:00
    @afc163 现在主页是已经修复的版本?还是下沉呢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1030 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 21:51 · PVG 05:51 · LAX 13:51 · JFK 16:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.