使用优秀的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

商业转载请联系作者获得授权，非长夜转载请注明出处！
关注头条号：前端小号；推送领域专业知识掌握最新业界动态和获取新鲜知识。