Ant Design
优点:
缺点:
Bootstrap
其实我主要把 Bootstrap 看作是一个 UI 库。它不会帮你赢得任何设计奖项,但可以用来完成一些边缘项目和最小可行产品。
不过这取决于你要使用它的目的。如果你不熟悉 React,那么它是一个很好的入门库。对于经验更丰富的开发人员来说,他们可能会去研究 styled-components / Emotion。
有两个流行的库带有 Bootstrap 的 React 绑定,我个人仅使用 Reactstrap。
-
项目链接:React Bootstrap
-
项目链接:Reactstrap
优点:
-
带有 React 绑定的 Bootstrap 库,大家都喜欢;
-
通过 CSS-in-JS 轻松自定义;
-
它已经流行了足够长的时间了,因此不必担心错误 / 问题;
-
快速上手;
-
没有 jQuery 依赖,因为它已在 React 中完全重新实现。
缺点:
Bulma
Bulma 与本文介绍的其他库不太一样,因为 Bulma 是纯 CSS 框架,不需要 JS。你可以选择直接使用 Bulma 中的类,也可以使用包装库,例如 react-bulma-components。
优点:
缺点:
Chakra UI
优点:
缺点:
注意:
它非常接近 v1 版本,因此请注意 v0.8.0 之后的重大更改。
Material UI
MaterialUI 是我又爱又恨的库之一。过去,它帮助我扛过了一些非常紧张的项目死线,但到最后我总是尽快把它从所有角落赶走。
过去,你只能通过编写 JSS 来自定义 MaterialUI 的样式,但值得庆幸的是,现在可以使用 styled-components 和 Emotion 覆盖样式。
优点:
缺点:
Semantic UI
-
项目链接:Semantic UI
-
Semantic-UI-React
优点:
缺点:
-
开源项目的潜在不确定性。
-
查看 issue:
-
社区运行的 fork:
荣誉奖
Reach UI
ReachUI 是一个底层组件库,允许开发人员在其设计系统中构建可访问的 React 组件。
没有可用的包大小,因为每个组件都单独导出为自己的 npm 包。
Reakit
Reakit 是另一个底层组件库。从技术上讲它是一个 UI 库,但不附带 CSS。因此你仍然需要找到一种样式解决方案。
Rebass
我关注 Rebass 已经有一段时间了。它是一个功能强大的组件库,没有自带主题,但可以轻松改变主题。关于它的实践示例,请参见其演示。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)