[譯] 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、前端、後端、區塊鏈、產品、設計、人工智能等領域，想要查看更多優質譯文請持續關注 掘金翻譯計劃、官方微博、知乎專欄。