构建你的下一? React.js APP，有这些优良的 UI 框架就够了。

1、Material-UI

Material-UI 之前的版本小我认为有一些机能问题，但大年夜 3.0 版本的宣布来看，机能有所改良。

2、React Desktop

MacOS Sierra 和 Windows 10 的 React UI 组件。

如不雅你对跨平台桌面应用法度榜样的 UI 组件感兴趣，那么 React-Desktop 就是为你而设。你可以在膳绫擎找到 Mac OS 和 Windows 10 的均可用 UI 组件。

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

3、Semantic-UI-React

Semantic-UI 的官方 React 组件

不过近况是，这个库只有一小我在进行保护和开辟。如不雅你想为开源项目做供献，React-md 可能是一个不错的选择。

就小我而言，我认为这是 React 最好的 UI 框架。

4、Ant-design

一套企业级的前端设计说话和基于 React 的前端框架实现。

官方文档介绍：

• 一种用于 Web 应用的企业级 UI 设计说话
• 一套开箱即竽暌姑的高质量 React 组件
• 应用 TypeScript 构建，供给完全的类型定义文件
• 基于 npm + webpack + babel 的工作流

它支撑所有现代浏览器(IE9 以上)，支撑办事端衬着和 Electron 情况，拥有很多组件。

Ant-design demo

5、Blueprint

针对构建复杂、数据密集的 Web 界面的桌面应用进行了最优化。如不雅你重度依附移动互动，并且正在寻找 mobile-first 的 UI 对象包，它可能不合适你。

Blueprint 同样是用 TypeScript 编写的，有优胜的文档。

同时，它也是 React 的第一批 UI 对象套件之一。Material-UI 包含你须要的所有组件(甚至更多)。 Material-UI 预定义的调色板和 <MuiThemeProvider> 可设备性极高，许可为 APP 自定义色彩主题。

它包含 30+ 的 React 组件，涵盖几乎所有的通用界面元素，大年夜按钮到表单控件到对象提示等等。 它还包含每个组件的 CSS 样式和应用 Sass 和 Less 变量设计本身的组件和应用的对象，以及一个优雅的调色板和两种尺寸的 300 多个 UI 搁笔，旨在让你专注于构建产品。

6、React-Bootstrap

React 构建的 Bootstrap 3 组件。

React-Bootstrap 是一个可反复应用的前端组件库。你可以经由过程 Facebook 的 React.js 框架获得 Twitter Bootstrap 的体验，并且有更为清楚的代码。

Semantic-UI-React 几乎拥有 Semantic-UI 中所有有效的组件，同时也有一个异常好的 Declarative API ，和用于 React 组件的 shorthand props ，并且 jQuery-Free。

简而言之，这是老牌的 Bootstrap 组件，用 React 从新编写。

7、React-Toolbox

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

你是否据说过 CSS Modules? React-Toolbox 依附于它。它许可你只应用所需的 CSS ，而不消应用像 Purify-CSS 如许的对象。除此之外，React-Toolbox 是具有30 +组件，开箱即竽暌姑的，高度可定制的框架。

8、Grommet

用于企业应用最先辈的 UX 框架。

Grommet 不仅仅是一个 UX 框架，它所包含的器械要比纯真的 UX 框架多得多。

Grommet = 用 React 编写的一堆 UX 组件和对象 + 自有的 grommet-cli +“入门” 指南 + 预建模板 + 优胜的文档+ 与 Sketch 集成 。

9、Fabric

用于构建与 Office 和 Office 365 界面相类似的 Web 应用的 React 组件。

在以前几年中，微软支撑场构建了很多开源项目 - Angular 2、TypeScript、VS Code 和 Fabric。

Fabric 是用 TypeScript 编写的官方 Office 库，包含“入门”指南、博客、官方调色板和字体，以及构建项目所需的所有组件。

10、React-md

　　推荐阅读

　　浅淡MVP的实战演习，让代码结构更简单~

媒介讲事理，此次是真的笔者良久都没有更新blog了，重要比来保护的框架问题也是层出不穷，并且对技巧交换群的解答也让我身心疲惫，所以在这里跟存眷我的人说声抱歉，没有按期给你们带来福>>>详细阅读

本文标题：构建React.js应用的十佳UI框架，都在这了！

地址：http://www.17bianji.com/lsqh/35193.html

 1/2    1