RSUITE：為後臺產品而生的 React 元件庫
摘要：
English | 中文版
RSUITE（React Suite 的簡寫）是一套 React 元件庫，為後臺產品而生。由 HYPERS 前端團隊與 UX 團隊打造，主要服務於公司大資料產品線。經歷了三次大的版本更新後，累積了大量的元件和豐富的功能。
瀏覽器相容性
...
ofollow,noindex" target="_blank">English | 中文版
RSUITE（React Suite 的簡寫）是一套 React 元件庫，為後臺產品而生。由 HYPERS 前端團隊與 UX 團隊打造，主要服務於公司大資料產品線。經歷了三次大的版本更新後，累積了大量的元件和豐富的功能。
瀏覽器相容性
| IE | Edge | Firefox | Chrome | Safari |
|---|---|---|---|---|
| >=10 | >=14 | >= 45 | >= 49 | >= 10 |
- 從 RSUITE 3.0 開始不支援 IE9 以下版本(包括 IE9)， 其他現代桌面瀏覽器都支援。
- 不推薦在移動端使用。
UI Design
安裝
RSUITE 可通過 npm 安裝.
npm i rsuite --save
使用
這裡有一個簡單的示例：
import { Button } from 'rsuite';
import 'rsuite/styles/less/index.less'; // 或者 'rsuite/dist/styles/rsuite.min.css'
ReactDOM.render(<Button>Button</Button>, mountNode);
您可以在 CodeSandbox 上檢視該示例。
文件
您可以閱讀 完整文件 ，或者從下面幾個章節開始學習
示例
更新日誌
每一個版本的詳細變化記錄在 Release Notes
開發
您可以通過 Trello 檢視我們的開發計劃，同時希望您能參與其中。
- Fork
https://github.com/rsuite/rsuite這個倉庫。
$ git clone [email protected]:<YOUR NAME>/rsuite.git $ cd rsuite $ npm install $ npm run dev
- Fork
https://github.com/rsuite/rsuite.github.io這個倉庫。
$ git clone [email protected]:<YOUR NAME>/rsuite.github.io.git $ cd rsuite.github.io $ npm install $ npm run dev
- 您可以開始訪問了， 在瀏覽器輸入 http://127.0.0.1:3200/ 。
貢獻
在開始之前，確保您已讀 貢獻指南 。
編輯器的配置參考 .prettierrc ， 下載編輯的外掛 https://prettier.io/。
支援 RSUITE
如果您喜歡 RSUITE，可以通過以下方式支援我們
- Star 這個專案
- 如果您在您的專案中使用了 RSUITE，歡迎在這裡 留言 ！
- 在 OpenCollective 上贊助我們
License
RSUITE 基於 ICENSE" rel="nofollow,noindex" target="_blank">MIT licensed 釋出。