推荐几款ReactJS最优秀的UI框架

使用优秀的UI框架来构建你的ReactJS应用。

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

前端小号个人认为,这款是最优秀的ReactUI框架了。前端开发人员对Semantic-UI应该不会陌生,它有极为丰富切漂亮的UI组件库,并且结构化做得非常好。React版本为官方出版,所有React组件都具有非常简洁的API和简明的属性,并且不依赖与jQuery,操作虚拟DOM提高性能带来更完美的用户体验。

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

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

前端小号认为这是一款针对企业应用开发的最高端的UX框架库。我甚至不能称Grommet是一个UX框架,它要大的多。Grommet = React 组件库 + 自己的cli脚手架 + 友好的入门指引 + 预购建的模板 + 专业的文档 + 设计用具Sketch的扩展

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

Fabric

Fabric是一款用于构建类似Office和Office 365风格的React组件库。过去几年,微软支持或推出了很多开源项目,像TypeScript,VS Code(基于Electron)等等,Fabric也是其中之一。Fabric是官方用TypeScript编写的Office库之一。有所有你能见到的Office组件,包括开发入门指南、博客、官方色调以及字体等。

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

猜你喜欢

转载自blog.csdn.net/ryuenkyo/article/details/80935470