打造 React.js App 的UI框架，你知道幾個
在本文中，我們將分享一些助你打造 React.js App 最佳的 UI 框架。它們具備你所需要的基本 React 元件，以及易用的 API，同時，在外觀和體驗上也非常棒。Have Fun ！
1、Material-UI
基於谷歌 Material Design 設計規範的 React 元件
此外，它還是 React 的第一個 UI 套件。Material-UI具備你所需要的所有元件（甚至更多），以及可配置性極高的預定義調色盤和<MuiThemeProvider>，幫助你為應用程式定製相應的顏色主題。
由於 Material-UI 過去的版本中存在一些效能問題，就我個人而言，不是很滿意。但自3.0 版本釋出後的反饋來看，它在效能方面已有所改善。
2、React Desktop
專為 MacOS Sierra 和 Windows 10 提供的 React UI 元件
關於Electron 框架，我相信你已經有所瞭解。如果你對跨平臺桌面應用程式 UI 元件也感興趣的話，那麼React-Desktop絕對是你的“菜”。你可以使用它輕鬆獲取用於 Mac OS 和 Windows 10 系統上相應的 UI 元件。
3、Semantic-UI-React
由 Semantic-UI 官方出品的 React UI 元件
就個人而言，我認為它是最好用的 React UI 框架。它是由官方基於Semantic-UI打造的 React 元件，它幾乎涵蓋了 Semantic-UI 上的所有元件，而且它還有一個易用的 Declarative API，以及用於 React 元件的 shorthand props，同時它能夠做到 jQuery-free。
另外，我做了一個使用 React-Semantic-UI，Webpack 構建專案的新手示例，你也可以來看看。
4、Ant-design
一套企業級 UI 設計語言和基於 React 實現的 Web 元件庫的體驗解決方案
引用官方文件介紹：
-
用於 Web 應用程式的企業級 UI 設計語言。
-
一套開箱即用的高品質 React 元件。
-
由 TypeScript 構建，並具備完整定義型別。
-
基於 npm + webpack + dva 前端開發工作流。
它支援瀏覽器、伺服器端渲染和 Electron 環境，並具備豐富的元件，前端培訓你還可以通過Create-react-app 來學習。來看看Ant-design demo吧！
5、Blueprint
引用自官方文件：
“它將為擁有複雜、資料密集的 Web 介面的桌面應用程式進行全面優化。如果你注重移動端的互動體驗，並且正尋找移動優先的 UI 套件的話，它可能不適合你。”
Blueprint 是由 TypeScript 構建，並具備良好的使用文件。它包含了豐富（30+）的 React 基礎元件，從按鈕到表單控制元件、工具提示均有涉及。
此外，它的每個元件都包含了 CSS 樣式。
並且，你還可以使用 Sass 和 Less 變數、優雅的調色盤和兩種尺寸的 300+ UI 圖示等工具，來打造一款專屬於你的元件和應用程式。
6、React-Bootstrap
用 React 構建的 Bootstrap 3 元件
引用自官方文件：
React-Bootstrap是一個可重用的前端元件庫。通過使用 Facebook 的 React.js 框架來獲得 Twitter Bootstrap 的外觀與體驗，以及更清晰的程式碼。
簡而言之，它是知名的 Bootstrap 元件的 React 實現。
7、React-Toolbox
一套基於谷歌 Material Design 規範和 CSS 模組的 React 元件
你聽說過CSS Modules嗎？React-Toolbox便依賴於它。React-Toolbox 是一個具有 30+ 開箱即用元件的高度可定製框架。從此，你可以不必使用類似Purify-CSS這樣的工具，僅通過所需的 CSS 便可以進行專案的開發。
8、Grommet
用於企業應用的先進的 UX 框架
Grommet 不僅僅是 UX 框架，它還提供了從理論到應用程式開發所需的所有指導、元件以及設計資源。例如，它提供了 React 編寫的豐富的 UX 元件、自帶的 grommet-cli 、入門學習指南、預設模版、優秀的使用文件等資源。
9、Fabric
用於為 Office 和 Office 365 構建使用者體驗的 React 元件
在過去的幾年裡，微軟公司支援並建立了許多開源專案，例如 Angular 2、TypeScript、VS Code（基於 Electron）以及Fabric。
Fabric是利用 TypeScript 編寫的官方 Office 庫，它具有“入門”指南、部落格、官方調色盤和字型以及專案所需的所有元件。
10、React-md
這是另一個基於谷歌 Material Design 設計規範的庫。React-md具備眾多常見的 Material 元件，你可以輕鬆地根據自己的需求進行定製。同時，它還具有良好的使用文件，以及快速入門指南。
但是，目前這個庫僅有一個人進行維護和開發。如果你想為開源專案做些貢獻 ，或許 React-md 是一個不錯的選擇。