本文最初发布于 maxrozen.com 网站，经原作者授权由 InfoQ 中文站翻译并分享。
优点：
缺点：
其实我主要把 Bootstrap 看作是一个 UI 库。它不会帮你赢得任何设计奖项，但可以用来完成一些边缘项目和最小可行产品。
不过这取决于你要使用它的目的。如果你不熟悉 React，那么它是一个很好的入门库。对于经验更丰富的开发人员来说，他们可能会去研究 styled-components / Emotion。
有两个流行的库带有 Bootstrap 的 React 绑定，我个人仅使用 Reactstrap。
优点：
缺点：
Bulma 与本文介绍的其他库不太一样，因为 Bulma 是纯 CSS 框架，不需要 JS。你可以选择直接使用 Bulma 中的类，也可以使用包装库，例如 react-bulma-components。
优点：
缺点：
优点：
缺点：
注意：
它非常接近 v1 版本，因此请注意 v0.8.0 之后的重大更改。
Material UI
MaterialUI 是我又爱又恨的库之一。过去，它帮助我扛过了一些非常紧张的项目死线，但到最后我总是尽快把它从所有角落赶走。
过去，你只能通过编写 JSS 来自定义 MaterialUI 的样式，但值得庆幸的是，现在可以使用 styled-components 和 Emotion覆盖样式。
优点：
缺点：
Semantic UI
优点：
缺点：
荣誉奖
是一个底层组件库，允许开发人员在其设计系统中构建可访问的 React 组件。
没有可用的包大小，因为每个组件都单独导出为自己的 npm 包。
是另一个底层组件库。从技术上讲它是一个 UI 库，但不附带 CSS。因此你仍然需要找到一种样式解决方案。
我关注 Rebass 已经有一段时间了。它是一个功能强大的组件库，没有自带主题，但可以轻松改变主题。关于它的实践示例，请参见其演示。
提示
在编写这份列表时，我曾试着避免加入商业化的设计系统，但是有些系统（Material UI）已得到广泛采用，因此没有它们列表就不完整了。
我还特意省略了 CSS-in-JS（如 styled-components 和 Emotion）以及实用工具 CSS 系统（如），因为它们不是明确的“React 组件库”，而是用来制作组件的工具。
英文原文
A Guide to Commonly Used React Component Libraries
