这几款构建React.js应用的UI框架，你知道几个？

Posted 2021-03-30 云和数据

React是一个用于构建用户界面的javascript库，主要用于构建UI，很多人认为React 是 MVC 中的 V（视图）。

它最早起源于Facebook的一个内部项目，因为公司对当时现有的JavaScript MVC框架都不满意，就决定自己开发一套，用来架设Instagram的网站。开发完成后，发现这套东西很好用，就在2013年5月开源了。

目前React.js是IT企业中非常流行的前端框架，本文小编将给大家分享几款用于构建React.js APP的超好用UI框架~赶快Mark起来！

Material-UI

一套实现Google Material Design的React组件。

此外，它也是React 的第一个UI套件。Material-UI 具备你所需要的所有组件（甚至更多），以及可配置性极高的预定义调色板和<MuiThemeProvider>，帮助你为应用程序定制相应的颜色主题。

Material-UI过去的版本中存在的一些性能问题，但从 3.0版本发布后的反馈来看，性能有所改善。

React Desktop

MacOS Sierra和Windows 10的React UI组件。

如果你对跨平台桌面应用程序的UI组件感兴趣，那么 React-Desktop就是为你而设。你可以使用它轻松获取用于Mac OS和Windows 10系统上相应的UI组件。

React-Desktop可与NW.js和Electron.js完美结合，也可用于任何JavaScript驱动的项目。

Semantic-UI-React

Semantic-UI的官方React组件

可以说是React最好用的UI框架。

Semantic-UI-React是由官方基于Semantic-UI打造的React组件，几乎涵盖了Semantic-UI上的所有组件，而且它还有一个易用的Declarative API，以及用于 React 组件的shorthand props，同时它能够做到jQuery-free。

Ant-design

一套企业级UI设计语言和基于React实现的Web组件库的体验解决方案。

Ant-design是一款用于Web应用程序的企业级UI设计语言，一套开箱即用的高品质React组件。它由TypeScript构建，并具备完整定义类型。同时，它也是基于npm+webpack+dva前端开发工作流。

它支持所有现代浏览器（IE9以上），支持服务端渲染和Electron环境，拥有许多组件。

Blueprint

它将为拥有复杂、数据密集的Web界面的桌面应用程序进行全面优化。如果你注重移动端的交互体验，并且正寻找移动优先的UI套件的话，它可能不适合你。

Blueprint是由TypeScript构建，并有良好的使用文档。

它包含30+的React组件，涵盖几乎所有的通用界面元素，从按钮到表单控件、工具提示均有涉及。它还包括每个组件的CSS样式和使用Sass和Less变量设计自己的组件和应用的工具，以及一个优雅的调色板和两种尺寸的300多个UI图标，旨在让你专注于构建产品。

React-Bootstrap

React构建的Bootstrap 3组件。

React-Bootstrap是一个可重复使用的前端组件库。通过Facebook的React.js框架获得Twitter Bootstrap的外观与体验，以及更清晰的代码。

简而言之，它是知名的Bootstrap组件的React实现。

React-Toolbox

一组使用CSS模块实现Google Material Design的React组件。

你是否听说过CSS Modules? React-Toolbox依赖于它。它允许你只使用所需的CSS，而不用使用像Purify-CSS这样的工具。除此之外，React-Toolbox是具有30+组件，开箱即用的，高度可定制的框架。

以上就是本文的全部内容啦~希望本文能对正在学习React.js的你有所帮助！

相关链接：

点击文末“阅读原文”咨询，免费来云和试听课程——UI视觉交互全科班、php人工智能精英班、JAVA大数据企业直通班、html5全栈精英班、Unity虚拟现实大师班、社交电商精英班，座位有限，先抢先得！