一套 React 的 UI 组件库: RSUITE

[simonguo]

关于 RSUITE

---

• https://github.com/rsuite
• http://rsuite.github.io/

RSUITE [ɑː(r)swiːt] 是一套 React 开发的 UI 组件库，提供 Bootstrap 设计体系的常用组件，并且会在此基础上持续开发一些高级组件。

我们的目标就是让 WEB 开发更快捷，同时具有一定的灵活性和扩展性。

加入 ，直接与开发者沟通。

特性

• 基于 React 组件化开发模式
• 丰富、漂亮 UI 组件
• 支持多主题切换
• 支持响应式布局
• 支持 ES2015

版本

安装

npm install rsuite --save

示例：

// ES2015
const { Button } = require('rsuite');

// CommonJS
var Button = require('rsuite').Button;

// AMD
define(['rsuite'], function(Suite) {
  var Button = Suite.Button;
  ...
});


ReactDOM.render(<Button>Button</Button>, mountNode);

主题

• 可以直接引入 css

<link rel="stylesheet" href="//t.hypers.com.cn/libs/rsuite/css/0.1.0/rsuite.min.css">

• 可以通过 rsuite-theme 管理，只需要配置一个系统主色，自动生成系统配色方案。

浏览器支持

默认支持 IE9+， chrome ， safari ， Firefox 等主流浏览器，如果想要支持 IE8 及以下的浏览器，需要引入 html5shiv、es5-shim, 来处理对 HTML5 标签、ECMAScript5 兼容性问题

<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv-printshiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-shim.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-sham.js"></script>
<![endif]-->

相关链接：

• http://rsuite.github.io/rsuite-table/
• https://rsuite.github.io/rsuite-datepicker/
• http://rsuite.github.io/rsuite-daterangepicker/
• http://rsuite.github.io/rsuite-picker/
• http://rsuite.github.io/rsuite-echarts/
• https://rsuite.github.io/rsuite-uploader/
• http://rsuite.github.io/rsuite-tree/
• http://rsuite.github.io/rsuite-slider/
• http://rsuite.github.io/rsuite-affix/
• https://rsuite.github.io/rsuite-autocomplete/

[likezun]

轮子？

[notes]

支持，目前文档不够完善，看了看就没了

[simonguo]

@notes 谢谢，我们会把文档跟进上的

[learnshare]

http://rsuite.github.io/rsuite-table/ 样式出问题了

[simonguo]

@learnshare 谢谢了，你是在什么环境上，什么浏览器啊？

[learnshare]

@simonguo http://t.hypers.com.cn/libs/rsuite/css/0.1.0/rsuite.min.css 被 uBlock 里的一条规则命中，屏蔽掉了

[simonguo]

@learnshare 好的，我处理一下

[simonguo]

@learnshare 已修复

[learnshare]

@simonguo 确认修复 ✔️