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

2019-12-10 09:53:33 +08:00
 devwolf

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

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

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

个人博客是用这个框架做的, 低仿 Outlook
https://v2c.tech/
mantout
2019-12-10 15:21:44 +08:00
@SilencerL #12 你把我想做的东西做出来了,Win 10 的设置页面
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
2019-12-10 23:58:31 +08:00
afc163
2019-12-11 00:09:23 +08:00
@love 另外,我本人的主力浏览器是 Firefox,也默认用它来调试 antd。在我眼里 antd 对 Firefox 的细节支持甚至是超过 Chrome 的( Chrome 引擎升级太快,样式的小问题很多)。
devwolf
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
2019-12-11 10:24:57 +08:00
@afc163 现在主页是已经修复的版本?还是下沉呢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/627502

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX