React 应用框架

Umi 中文 乌米 可插拔的企业级 react 应用框架
为什么使用Umi.js
专注性能前端框架 通过约定 自动生成 解析代码等方式来辅助开发
减少开发者的代码量

react开发问题
项目大 开发调试的启动和热更新时间会很长
大应用下 网站打开很慢 dva的model每次手写载入

乌米可解决以上问题 开箱即用 内置 react、react-router 等
功能完备的路由约定 支持配置的路由方式
完善的插件体系 覆盖从源码到构建产物的每个生命周期
完善的 TypeScript 支持 与 dva 数据流的深入融合

构建 下一个 React.js APP 有这些优秀的 UI 框架就够了
安装Umi
npm install -g umi

Material-UI 
http://www.material-ui.com/
实现 Google Material Design 的 React 组件 
是 React 的第一批 UI 工具套件
Material-UI 包含 所有组件
Material-UI 预定义的调色板和 <MuiThemeProvider>  可配置性极高 允许为 APP 自定义颜色主题 

React Desktop 

MacOS Sierra 和 Windows 10 的 React UI 组件 
跨平台桌面应用程序的 UI 组件
Mac OS 和 Windows 10 的均可用 UI 组件 
React-Desktop 可与 NW.js http://nwjs.io/ 
 和 Electron.js  http://electron.atom.io/
完美结合 也可用于任何 JavaScript 驱动的项目 

Semantic-UI-React 

Semantic-UI 的官方 React 组件 
https://react.semantic-ui.com/
React 最好的 UI 框架 
Semantic-UI-React 拥有 Semantic-UI 所有有用的组件
Declarative API  和用于 React 组件的 shorthand props  并且 jQuery-Free 

Ant-design 

企业级的前端设计语言和基于 React 的前端框架实现 
https://ant.design/index-cn
官方文档

  • 用于 Web 应用的企业级 UI 设计语言

  • 开箱即用的高质量 React 组件

  • 用 TypeScript 构建 完整的类型定义文件

  • 基于 npm + webpack + babel 的工作流

支持所有现代浏览器（IE9 以上） 支持服务端渲染和 Electron http://electron.atom.io/  环境 拥有许多组件

Ant-design demo 
https://ant.design/

Blueprint 

对构建复杂 数据密集的 Web 界面的桌面应用
http://blueprintjs.com/
最优化 重度依赖移动互动
Blueprint 是用 TypeScript 编写的 有良好的文档 
包含 30+ 的 React 组件
涵盖几乎所有的通用界面元素
从按钮到表单控件到工具提示等等
包括每个组件的 CSS 样式和使用 Sass 和 Less 变量设计
自己的组件和应用的工具 以及一个优雅的调色板和
两种尺寸的 300 多个 UI 图标 旨在专注于构建产品 

React-Bootstrap 

React 构建的 Bootstrap 3 组件 
http://react-bootstrap.github.io/introduction.html
React-Bootstrap  可重复使用的前端组件库
通过 Facebook 的 React.js 框架
获得 Twitter  Bootstrap 的体验 更为清晰的代码 
老牌的 Bootstrap 组件 用 React 重新编写 

React-Toolbox 

使用 CSS 模块实现 Google Material Design 的 React 组件 
http://react-toolbox.com/
React-Toolbox 具有30 +组件 开箱即用的 高度可定制的框架 

Grommet 

企业应用最先进的 UX 框架 
https://grommet.github.io/
Grommet 是UX 框架
所包含的东西要比单纯的 UX 框架多得多 
Grommet = 用 React 编写的一堆 UX 组件和工具
自有的 grommet-cli
入门指南 预建模板 良好的文档
与 Sketch 集成  

Fabric 

构建与 Office 和 Office 365 界面相类似的 Web 应用的 React 组件 
https://dev.office.com/fabric#/components
微软支持并构建了许多开源项目 Angular 2
TypeScript
VS Code 和 Fabric
Fabric 是用 TypeScript 编写的官方 Office 库
包含入门指南 官方调色板和字体 以及构建项目所需的所有组件 

React-md 

实现 Material Design 的库React-md
拥有良好的文档和快速上手的入门指南
常见的 Material 组件
https://react-md.mlaursen.com