基于 React 的 UI 组件库 RSUITE

基于 React 的 UI 组件库 RSUITE

MIT
JavaScript
跨平台
2018-04-25
漆工

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

UI Design

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

支持的平台

浏览器

React Suite 支持最新的,稳定版的全部主流浏览器和平台。 从 React Suite 3 开始不支持 IE9 以下版本(包括 IE9)。不推荐在移动端使用。

IE Edge Firefox Chrome Safari
>=10 >=14 >= 45 >= 49 >= 10

服务端

React Suite 支持服务端渲染, 支持通过 Next.js 构建应用。

支持的开发环境

安装

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 查看我们的开发计划,同时希望您能参与其中。

  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/。

支持 React Suite

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

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

License

React Suite 基于 MIT licensed 发布

的码云指数为
超过 的项目
加载中

评论(11)

开源大帅逼
开源大帅逼
投入项目摸了一周,最终放弃
Thlhkhkxiq
Thlhkhkxiq
现在喜欢reactjs 但实在不喜欢这种ui组件 material ui也试着用了几天后换了
开源中国最帅没有之一
看了一下借鉴了很多Semanticui的东西。不过还是不错加油
dhso
dhso
不错!
牛头人之怒
牛头人之怒
和semanticui非常类似嘛。。又一个轮子?
笑面书生
笑面书生
怎么个配色呀???连组件的轮廓都看不清。。。呵呵,跟ant.design怎么比呢
带刀的麦兜
带刀的麦兜
跟antd pro比起来有什么优劣呢
曾赛
曾赛
历害了
fengguo60
fengguo60
看了下,有没完整的中后台框架呢?
漆工
漆工 软件作者
推荐大家关注一下,我们所有企业后台产品线都是用的 rsuite

React UI 库:React Suite 3.6.0 版本更新

React Suite 是一套 React 组件库,为后台产品而生。 文档: https://rsuite.gitee.io 设计: https://rsuite.gitee.io/design/ V3.6.0 版本发布,更新内容如下: Feature: <Table> 组件支持 ...

01/18 12:15

React Suite 做了一个有意思的决定

从 React Suite 3(以下简称 rsuite)发布以来一直保持着每周发布一次的频率,添加了许多必要的功能,也改进了许多交互和 API 使用上的体验,但还是不可能做到面面俱到,比如 Chart 在 rsui...

01/11 17:44

React UI 库:React Suite 3.5.3 版本更新

React Suite 是一套 React 组件库,为后台产品而生。 文档: https://rsuite.gitee.io 设计: https://rsuite.gitee.io/design/ V3.5.3 版本发布,更新内容如下: Improve: <Table>的<Cell> 组...

01/10 13:24

React UI 库:React Suite 3.5.2 版本更新

React Suite 是一套 React 组件库,为后台产品而生。 文档: https://rsuite.gitee.io 设计: https://rsuite.gitee.io/design/ V3.5.2 版本发布,更新内容如下: Feature: 支持 groupBy 分组的...

01/03 11:58

React UI 库:React Suite 3.5.1 版本更新

React Suite 是一套 React 组件库,为后台产品而生。 文档: https://rsuite.gitee.io 设计: https://rsuite.gitee.io/design/ V3.5.1 版本发布,更新内容如下: Improve: 改善日历上选择月份...

2018/12/27 11:01

React Suite 3.5.0 版本更新 - 支持服务端渲染

React Suite 是一套 React 组件库,为后台产品而生。 文档: https://rsuite.gitee.io Discord: https://discord.gg/R8mnjwh Gitter: https://gitter.im/rsuite/rsuite V3.5.0 版本发布,更新...

2018/12/20 12:56

React UI 库:React Suite 3.4.5 版本更新

React Suite 是一套 React 组件库,为后台产品而生。 文档: https://rsuite.gitee.io Discord: https://discord.gg/R8mnjwh Gitter: https://gitter.im/rsuite/rsuite V3.4.5 版本发布,更新...

2018/12/13 17:59

React UI 库:React Suite 3.4.4 版本更新

React Suite 是一套 React 组件库,为后台产品而生。 文档: https://rsuite.gitee.io Discord: https://discord.gg/R8mnjwh Gitter: https://gitter.im/rsuite/rsuite V3.4.4 版本发布,更新...

2018/12/06 14:18

React Suite 3.4.3 版本更新,React 组件库

React Suite 是一套 React 组件库,为后台产品而生。 文档: https://rsuite.gitee.io Discord: https://discord.gg/R8mnjwh Gitter: https://gitter.im/rsuite/rsuite V3.4.3 版本发布,更新...

2018/11/23 16:48

没有更多内容

加载失败,请刷新页面

暂无问答

一套 React 的 UI 组件库: RSUITE

关于 RSUITE https://github.com/rsuite http://rsuitejs.com RSUITE [ɑː(r)swiːt] 是一套 React 开发的 UI 组件库,提供 Bootstrap 设计体系的常用组件,并且会在此基础上持续开发一些高...

2016/08/27 16:33
1K
1
开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件

背景 有这样一个需求,一位 React Suite(以下简称 rsuite)的用户,他需要一个 Table 组件能够像 Jira Portfolio 一样,支持树形数据,同时需要支持大数据渲染。 截止到目前(2019年1月18日...

01/18 15:06
1K
3
React UI 库:React Suite 3.4.5 版本更新

React Suite 是一套 React 组件库,为后台产品而生。 文档: https://rsuite.gitee.io Discord: https://discord.gg/R8mnjwh Gitter: https://gitter.im/rsuite/rsuite V3.4.5 版本发布,更新...

2018/12/17 18:57
0
0
React Suite v3.0 正式版发布

相信很多人会好奇,React Suite 是什么? ![](https://user-images.githubusercontent.com/1203827/39224361-97311134-4879-11e8-9154-726f5cc38223.png) React Suite 是 HYPERS 前端团队和 ...

2018/04/25 11:56
40
0
让 Markdown 中的代码可以实时运行

背景 让 Markdown 中的代码可以实时运行,为什么会有这样一个需求? 在我们前端团队中,技术相关的文档都采用 Markdown 编写, 文档中往往会伴随很多示例代码,我们希望大家在阅读文档的时候...

2018/08/28 18:33
39
0
react npm插件推荐

react npm插件推荐 本文依据博主在平时应用中运用的react插件做简单介绍,如果有更好的技术交流可邮箱联系:regan_jeff@163.com。 音乐播放器(aplayer) 正如它的介绍 "*** Wow, such a bea...

2018/08/14 18:09
24
0
学习计算机编程(IT、偏网站开发)的参考学习网址syk

这一年自己学到了许多东西,发现以前想学,可却不知道在哪里学,没有好的学习资源,这里我把这一年自己学习过程中了解到的好的计算机相关知识的学习网址分享给大家,虽然不是很全面,但希望能...

2017/06/01 21:43
79
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部