一套 React 的 UI 組件庫: RSUITE

關於 RSUITE

---

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

RSUITE [ɑː(r)swiːt] 是一套 React 開發的 UI 組件庫，提供 Bootstrap 設計體系的經常使用組件，而且會在此基礎上持續開發一些高級組件。

咱們的目標就是讓 WEB 開發更快捷，同時具備必定的靈活性和擴展性。

加入 ，直接與開發者溝通。

特性

• 基於 React 組件化開發模式
• 豐富、漂亮 UI 組件
• 支持多主題切換
• 支持響應式佈局
• 支持 ES2015

版本

<br/> #### 安裝

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 管理，只須要配置一個系統主色，自動生成系統配色方案。

<br/>

瀏覽器支持

默認支持 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]-->

相關連接：