使用優秀的UI框架來構建你的ReactJS應用。

Material-UI

Material-UI

一款React組件庫來實現Google的Material Design風格UI界面框架。也是首個React的UI工具集之一。

查看地址：https://github.com/callemall/material-ui

React Desktop

React-Desktop

一款面向MacOS Sierra和Windows10桌面風格的ReactUI組件庫。我肯定作為前端開發人員，一定聽說過Electron框架。它能幫助你使用HTML5-WEB方式來構建跨平臺的桌面端應用程序。而React Desktop裡面你可以同時找到關於MacOS和Windows10的所有UI組件。

查看地址：http://reactdesktop.js.org/

Semantic-UI-React

Semantic-UI-React

前端小號個人認為，這款是最優秀的ReactUI框架了。
前端開發人員對Semantic-UI應該不會陌生，它有極為豐富切漂亮的UI組件庫，並且結構化做得非常好。React版本為官方出版，所有React組件都具有非常簡潔的API和簡明的屬性，並且不依賴與jQuery，操作虛擬DOM提高性能帶來更完美的用戶體驗。

查看地址：https://github.com/Semantic-Org/Semantic-UI-React

Ant-design

Ant-design

Ant-design是阿里巴巴團隊出品的ReactUI組件庫。有自己獨特的設計風格和理念。非常符合國人的審美需求。並且在支付寶、螞蟻金服等多個阿里項目中投入使用。組件化質量非常高，開箱即用。支持瀏覽器、服務端渲染以及Electron環境。包括剛剛推出支付寶小程序也是這一套設計風格。可謂國人開發React應用必修科目。

查看地址：https://github.com/ant-design/ant-design

Blueprint

blueprint

Blueprint是一款針對桌面應用程序構建複雜、數據密集的Web界面進行了優化的UI組件庫。如果你嚴重厲害移動端互動，並且尋找移動端優先的UI工具包，這可能不適合您。

使用TypeScript編寫，擁有不錯的開發文檔。包括了30多個React基礎組件，如表單控件、按鈕、提示框、樹形控件等等。

查看地址：https://github.com/palantir/blueprint

React-Bootstrap

react-bootstrap

談到組件庫就不得不提Twitter公司開源的Bootstrap了，它幫助多少程序猿解決了WEB-UI界面開發的難題。React-Bootstrap是一款基於ReactJS對Bootstrap進行封裝的庫。

查看地址：https://github.com/react-bootstrap/react-bootstrap

React-Toolbox

React-toolbox

你是否聽說過CSS Modules？React-Toolbox就是基於這個的。它允許你只需要引入CSS，而不需要使用像Purify-CSS這樣的工具。另外React-toolbox還是包括了30多個開箱即用組件的高質量可自定義的庫。

查看地址：https://github.com/react-toolbox/react-toolbox/

Grommet

Grommet

前端小號認為這是一款針對企業應用開發的最高端的UX框架庫。我甚至不能稱Grommet是一個UX框架，它要大的多。Grommet = React 組件庫 + 自己的cli腳手架 + 友好的入門指引 + 預購建的模板 + 專業的文檔 + 設計用具Sketch的擴展

查看地址：https://grommet.github.io/

Fabric

Fabric

Fabric是一款用於構建類似Office和Office 365風格的React組件庫。過去幾年，微軟支持或推出了很多開源項目，像TypeScript，VS Code（基於Electron）等等，Fabric也是其中之一。Fabric是官方用TypeScript編寫的Office庫之一。有所有你能見到的Office組件，包括開發入門指南、博客、官方色調以及字體等。

查看地址：https://github.com/OfficeDev/office-ui-fabric-react

商業轉載請聯繫作者獲得授權，非長夜轉載請註明出處！
關注頭條號：前端小號；推送領域專業知識掌握最新業界動態和獲取新鮮知識。