[译] 2019 年你应该要知道的 11 个 React UI 组件库

• 原文地址：11 React UI Component Libraries you Should Know in 2019
• 原文做者：Jonathan Saring
• 译文出自：掘金翻译计划
• 本文永久连接：github.com/xitu/gold-m…
• 译者：ElizurHz
• 校对者：wuzhengyan2015, xiaxiayang

2019 年你应该要知道的 11 个 React UI 组件库

虽然 React 的用户量落后于 Angular 不少，但它在 Stack overflow 的最受喜好的组件库中排名领先:

React 在 2017 年的受欢迎程度上升

React 的虚拟 DOM、声明式地描述用户界面并为界面构建相应状态的能力、对有必定水平的 JavaScript 开发者来讲入门门槛低，这些都使 React 成为了一个很是棒的构建 UI 的 专业库。

使用 React 的另外一个重要缘由是它的组件。组件可以让你把 UI 分割成独立的、可复用的块。这里有 11 个很棒的 React 组件库能够帮助你开始使用 React 的组件。

你还可使用 Bit 把这些组件结合起来，并将你的组件转化成可以统一管理并在多个项目间同步的模块。

• Bit — 共享和构建组件：Bit 让使用更小的组件开发软件、团队间共享和在你的全部项目中同步变得有趣且容易

有了 Bit，你能够轻松地在多个项目和应用间共享、开发和同步组件，为你的团队管理组件，以及改进具备双向代码变动的 React 的组件的工做流。这里有 一个例子。

React Hero UI component with Bit

1. React Material-UI

React Material-UI 是一套实现了 Google 的 Material Design 的 React 组件。它在 GitHub 上有 30k+ stars，大概是目前最受欢迎的 React 组件库了。它的 v1 版本快要推出了。

2. React-Bootstrap

React-Bootstrap 是一个具备 Twitter 的 Bootstrap 的观感的 React 组件库。它的极简风格在社区中有很高的热度，有超过 11k 的 stars。

3. React toolbox

React Toolbox 是一套实现了 Google Material Design 规范的 React 组件。它是基于如 CSS Modules（基于 SASS）、webpack 和 ES6 这样的最新提案构建的。它的网站提供了一个在线的组件 playground。

4. React Belle

React Belle 是一套针对移动端和桌面端都有优化的 React 组件。它的样式能够高度定制，所以你能够配置全部组件通用的基础样式，也能够在每一个组件中单独修改样式。这里也有一个 不错的例子。

5. React Grommet

React Grommet 提供了至关丰富的组件，这些组件按使用方式分类，全部的组件都是易用的、跨浏览器兼容的、支持主题定制的。

6. React Components by Khan Academy

Khan Academy 的 React 组件 是以有行内 CSS 和注释的组件库的形式发布的。单独的组件也能够经过向 Bit 添加这个库建立的 这个 Bit Scope 安装。

7. Material Components Web

Material Components Web 是由 Google 的一个核心团队的工程师和 UX 设计师开发的，它的组件支持可靠的开发工做流以构建美观且实用的 Web 项目。它取代了 react-mdl（如今已经废弃了），已经有接近 7k 的 stars 了。

8. Ant Design React

根据 Ant Design 的规范，React Ant Design 是一个包含了组件和 demo 的 React UI 库。它是用 TypeScript 写的，并有完整的类型定义，也提供了一个 npm + webpack + dva 的前端开发流程。

9. Semantic UI React

Semantic UI React 是 Semantic-UI-React 的官方整合库。它有大概 5k 的 stars，并被 Netflix 和 Amazon 所采用，提供了有趣而灵活的“武器库”。

10. Onsen UI

Onsen UI React Components 能够与 Onsen UI 的 React bindings 一块儿使用，并提供了使用 React 和 Onsen UI 框架的混合开发移动应用。它有 81 个贡献者和超过 5.6k 的 stars，是个能够考虑的有意思的库。

11. React Virtualized

React Virtualized 有大概 8k 的 stars，它提供了能够高效渲染长列表和扁平数据的 React 组件。

单独的组件

每一个单独的组件均可以在 awesome-react 和 awesome-react-components 这两个项目中找到。你也能够将 Bit 添加到任意一个仓库或者库来追踪与隔离仓库或者库里的组件。而后，这些组件能够很快地直接从仓库中的任何路径中导出，开发者就可使用 npm 或者 yarn 来安装它们，并在任意的项目中进行修改。

彷佛在 2018 年，React 的热度会持续上升，而且 React 组件会逐渐成为更多平常使用的应用的组成模块。

若是发现译文存在错误或其余须要改进的地方，欢迎到 掘金翻译计划 对译文进行修改并 PR，也可得到相应奖励积分。文章开头的 本文永久连接 即为本文在 GitHub 上的 MarkDown 连接。

---

掘金翻译计划 是一个翻译优质互联网技术文章的社区，文章来源为 掘金 上的英文分享文章。内容覆盖 Android、iOS、前端、后端、区块链、产品、设计、人工智能等领域，想要查看更多优质译文请持续关注 掘金翻译计划、官方微博、知乎专栏。