RSUITE:为后台产品而生的 React 组件库

Hopkin(s)Abel 发布于1年前

English | 中文版

RSUITE:为后台产品而生的 React 组件库

RSUITE(React Suite 的简写)是一套 React 组件库,为后台产品而生。由 HYPERS 前端团队与 UX 团队打造,主要服务于公司大数据产品线。经历了三次大的版本更新后,累积了大量的组件和丰富的功能。

浏览器兼容性

IE Edge Firefox Chrome Safari
>=10 >=14 >= 45 >= 49 >= 10
  • 从 RSUITE 3.0 开始不支持 IE9 以下版本(包括 IE9), 其他现代桌面浏览器都支持。
  • 不推荐在移动端使用。

UI Design

RSUITE 设计原型与规范, 点击查看

安装

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 上查看该示例。

文档

国内镜像站点 :cn:

您可以阅读 完整文档 ,或者从下面几个章节开始学习

示例

更新日志

每一个版本的详细变化记录在 Release Notes

开发

您可以通过 Trello 查看我们的开发计划,同时希望您能参与其中。

  1. Fork https://github.com/rsuite/rsuite 这个仓库。
$ git clone git@github.com:<YOUR NAME>/rsuite.git
$ cd rsuite
$ npm install
$ npm run dev
  1. 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
  1. 您可以开始访问了, 在浏览器输入 http://127.0.0.1:3200/

贡献

在开始之前,确保您已读 贡献指南

编辑器的配置参考 .prettierrc , 下载编辑的插件 https://prettier.io/。

支持 RSUITE

如果您喜欢 RSUITE,可以通过以下方式支持我们

  • Star 这个项目
  • 如果您在您的项目中使用了 RSUITE,欢迎在这里 留言
  • OpenCollective 上赞助我们

License

RSUITE 基于 MIT licensed 发布。

查看原文: RSUITE:为后台产品而生的 React 组件库

  • brownswan
  • bigduck
  • blueswan