在本文中，我們將分享一些助你打造 React.js App 最佳的 UI 框架耻瑟。它們具備你所需要的基本 React 組件旨指，以及易用的 API，同時(shí)喳整，在外觀和體驗(yàn)上也非常棒谆构。Have Fun ！
-
Material-UI
--
基于谷歌 Material Design 設(shè)計(jì)規(guī)范的 React 組件
此外框都，它還是 React 的第一個(gè) UI 套件搬素。Material-UI 具備你所需要的所有組件（甚至更多），以及可配置性極高的預(yù)定義調(diào)色板和<MuiThemeProvider>魏保，幫助你為應(yīng)用程序定制相應(yīng)的顏色主題熬尺。
由于 Material-UI 過去的版本中存在一些性能問題，就我個(gè)人而言谓罗，不是很滿意粱哼。但自 3.0 版本發(fā)布后的反饋來看，它在性能方面已有所改善檩咱。
項(xiàng)目地址：【傳送門】
專為 MacOS Sierra 和 Windows 10 提供的 React UI 組件
關(guān)于 Electron 框架揭措，我相信你已經(jīng)有所了解。如果你對(duì)跨平臺(tái)桌面應(yīng)用程序 UI 組件也感興趣的話税手，那么 React-Desktop 絕對(duì)是你的“菜”蜂筹。你可以使用它輕松獲取用于 Mac OS 和 Windows 10 系統(tǒng)上相應(yīng)的 UI 組件。
項(xiàng)目地址：【傳送門】
由 Semantic-UI 官方出品的 React UI 組件
就個(gè)人而言芦倒，我認(rèn)為它是最好用的 React UI 框架艺挪。它是由官方基于 Semantic-UI 打造的 React 組件，它幾乎涵蓋了 Semantic-UI 上的所有組件兵扬，而且它還有一個(gè)易用的 Declarative API麻裳，以及用于 React 組件的 shorthand props，同時(shí)它能夠做到 jQuery-free器钟。
另外津坑，我做了一個(gè)使用 React-Semantic-UI，Webpack 構(gòu)建項(xiàng)目的新手示例傲霸，你也可以來看看疆瑰。
項(xiàng)目地址：【傳送門】
-
Ant-design
--
一套企業(yè)級(jí) UI 設(shè)計(jì)語言和基于 React 實(shí)現(xiàn)的 Web 組件庫(kù)的體驗(yàn)解決方案
引用官方文檔介紹：
- 用于 Web 應(yīng)用程序的企業(yè)級(jí) UI 設(shè)計(jì)語言眉反。
- 一套開箱即用的高品質(zhì) React 組件。
- 由 TypeScript 構(gòu)建穆役，并具備完整定義類型寸五。
- 基于 npm + webpack + dva 前端開發(fā)工作流。
它支持瀏覽器耿币、服務(wù)器端渲染和 Electron 環(huán)境梳杏，并具備豐富的組件郭卫，你還可以通過 Create-react-app 來學(xué)習(xí)拍鲤。來看看 Ant-design demo 吧！
項(xiàng)目地址：【傳送門】
-
Blueprint
--
引用自官方文檔：
“它將為擁有復(fù)雜葵诈、數(shù)據(jù)密集的 Web 界面的桌面應(yīng)用程序進(jìn)行全面優(yōu)化塑悼。如果你注重移動(dòng)端的交互體驗(yàn)劲适，并且正尋找移動(dòng)優(yōu)先的 UI 套件的話，它可能不適合你拢肆〖跸欤”
Blueprint 是由 TypeScript 構(gòu)建，并具備良好的使用文檔郭怪。它包含了豐富（30+）的 React 基礎(chǔ)組件支示，從按鈕到表單控件、工具提示均有涉及鄙才。此外颂鸿，它的每個(gè)組件都包含了 CSS 樣式。并且攒庵，你還可以使用 Sass 和 Less 變量嘴纺、優(yōu)雅的調(diào)色板和兩種尺寸的 300+ UI 圖標(biāo)等工具，來打造一款專屬于你的組件和應(yīng)用程序浓冒。
項(xiàng)目地址：【傳送門】
用 React 構(gòu)建的 Bootstrap 3 組件
引用自官方文檔：
React-Bootstrap 是一個(gè)可重用的前端組件庫(kù)栽渴。通過使用 Facebook 的 React.js 框架來獲得 Twitter Bootstrap 的外觀與體驗(yàn)，以及更清晰的代碼稳懒。
簡(jiǎn)而言之闲擦，它是知名的 Bootstrap 組件的 React 實(shí)現(xiàn)。
項(xiàng)目地址：【傳送門】
一套基于谷歌 Material Design 規(guī)范和 CSS 模塊的 React 組件
你聽說過 CSS Modules 嗎场梆？ React-Toolbox 便依賴于它墅冷。React-Toolbox 是一個(gè)具有 30+ 開箱即用組件的高度可定制框架。從此或油，你可以不必使用類似 Purify-CSS 這樣的工具寞忿，僅通過所需的 CSS 便可以進(jìn)行項(xiàng)目的開發(fā)。
項(xiàng)目地址：【傳送門】
-
Grommet
--
用于企業(yè)應(yīng)用的先進(jìn)的 UX 框架
Grommet 不僅僅是 UX 框架顶岸，它還提供了從理論到應(yīng)用程序開發(fā)所需的所有指導(dǎo)腔彰、組件以及設(shè)計(jì)資源叫编。例如，它提供了 React 編寫的豐富的 UX 組件霹抛、自帶的 grommet-cli 宵溅、入門學(xué)習(xí)指南、預(yù)設(shè)模版上炎、優(yōu)秀的使用文檔等資源。
項(xiàng)目地址：【傳送門】
-
Fabric
--
用于為 Office 和 Office 365 構(gòu)建用戶體驗(yàn)的 React 組件
在過去的幾年里雏搂，微軟公司支持并創(chuàng)建了許多開源項(xiàng)目藕施，例如 Angular 2、TypeScript凸郑、VS Code（基于 Electron）以及 Fabric裳食。
Fabric 是利用 TypeScript 編寫的官方 Office 庫(kù)，它具有“入門”指南芙沥、博客诲祸、官方調(diào)色板和字體以及項(xiàng)目所需的所有組件。
項(xiàng)目地址：【傳送門】
-
React-md
--
這是另一個(gè)基于谷歌 Material Design 設(shè)計(jì)規(guī)范的庫(kù)而昨。React-md 具備眾多常見的 Material 組件救氯，你可以輕松地根據(jù)自己的需求進(jìn)行定制。同時(shí)歌憨，它還具有良好的使用文檔着憨，以及快速入門指南。
但是务嫡，目前這個(gè)庫(kù)僅有一個(gè)人進(jìn)行維護(hù)和開發(fā)甲抖。 如果你想為開源項(xiàng)目做些貢獻(xiàn) ，或許 React-md 是一個(gè)不錯(cuò)的選擇心铃。
項(xiàng)目地址：【傳送門】
感謝你的閱讀准谚。若你有所收獲，歡迎點(diǎn)贊與分享去扣。
注：
- 本文版權(quán)歸原作者所有柱衔，僅用于學(xué)習(xí)與交流；
- 如需轉(zhuǎn)載譯文厅篓，煩請(qǐng)按下方注明出處信息秀存，謝謝！
英文原文：Best UI Frameworks for your new React.js App
作者：Vladimir Metnew
譯者：IT程序獅
譯文地址：http://www.reibang.com/p/bba3662fa8ab
