English | 中文版
React Suite 是一套 React 组件库,为后台产品而生。由 HYPERS 前端团队与 UX 团队打造,主要服务于公司大数据产品线。经历了三次大的版本更新后,累积了大量的组件和丰富的功能。
React Suite 设计原型与规范, 点击查看。
React Suite 支持最新的,稳定版的全部主流浏览器和平台。 从 React Suite 3 开始不支持 IE9 以下版本(包括 IE9)。不推荐在移动端使用。
IE | Edge | Firefox | Chrome | Safari |
---|---|---|---|---|
>=10 | >=14 | >= 45 | >= 49 | >= 10 |
React Suite 支持服务端渲染, 支持通过 Next.js 构建应用。
- 支持 React 16 +
- 支持 TypeScript
- 支持 Flow
- 支持 Electron
React Suite 可通过 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 git@github.com:<YOUR NAME>/rsuite.git
$ cd rsuite
$ npm install
$ npm run dev
- Fork
https://github.com/rsuite/rsuite.github.io
这个仓库。
$ git clone git@github.com:<YOUR NAME>/rsuite.github.io.git
$ cd rsuite.github.io
$ npm install
$ npm run dev
- 您可以开始访问了, 在浏览器输入 http://127.0.0.1:3200/
rsuite.github.io
会依赖rsuite
中的组件,并支持热更新。
Gitee 用户访问地址: https://gitee.com/rsuite/rsuite
在开始之前,确保您已读贡献指南。
编辑器的配置参考 .prettierrc, 下载编辑的插件 https://prettier.io/
如果您喜欢 React Suite,可以通过以下方式支持我们:
- Star 这个项目。
- 如果您在您的项目中使用了 React Suite,欢迎在这里留言!
- 在 OpenCollective 上赞助我们。
这个项目的存在归功于所有贡献者。
国内交流群, 添加 React Suite 小助手,备注 rsuite, 邀请入群。
React Suite 基于 MIT licensed 发布。