基于 React 的 UI 组件库 RSUITE

基于 React 的 UI 组件库 RSUITE

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

React Suite 是一套 React 组件库,为后台产品而生。同时也是一个具有贴心设计以及对开发者友好的 UI 框架。

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/lib/styles/index.less'; // or 'rsuite/dist/styles/rsuite-default.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/

rsuite.github.io 会依赖 rsuite 中的组件,并支持热更新。

Gitee 用户访问地址: https://gitee.com/rsuite/rsuite

贡献

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

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

支持 React Suite

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

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

这个项目的存在归功于所有贡献者。

License

React Suite 基于 MIT licensed 发布。

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

评论(12)

漆工
漆工 软件作者
rsuite 目前服务于很多中后台分析管理系统,包括不限于:联合利华,百胜集团(肯德基母公司),华为,通用,奔驰, TVB , 腾讯视频,优衣库,爱奇艺,芒果TV,奕欧来等。经过长期时间认证,能够应对各种中后台业务场景,获得认可。 rsuite 由一支足够专业的团队进行维护,拥抱社区,在开发过程中积极吸取社区的优秀设计和经验,希望得到大家的关注和监督。
长夜黑丝
长夜黑丝
投入项目摸了一周,最终放弃
Thlhkhkxiq
Thlhkhkxiq
现在喜欢reactjs 但实在不喜欢这种ui组件 material ui也试着用了几天后换了
开源中国最帅没有之一
看了一下借鉴了很多Semanticui的东西。不过还是不错加油
dhso
dhso
不错!
Deathdealer
Deathdealer
和semanticui非常类似嘛。。又一个轮子?
笑面书生
笑面书生
怎么个配色呀???连组件的轮廓都看不清。。。呵呵,跟ant.design怎么比呢
带刀的麦兜
带刀的麦兜
跟antd pro比起来有什么优劣呢
曾赛
曾赛
历害了
fengguo60
fengguo60
看了下,有没完整的中后台框架呢?

React UI 库 React Suite 4.2.1 版本更新

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.2.1 版本发布...

02/02 11:14

React Suite 4.2.0 版本发布

React Suite 首先在这里祝福大家新年行大运 🎉,事事都顺心 ❤️️。我们也会在新的一年里为大家带来更多特性,帮助更多开发者快速构建更优质的产品。 在 2019 年的 11 月份我们发了...

01/02 15:18

React UI 库 React Suite 4.1.5 版本更新

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.1.5 版本发布...

2019/12/19 18:52

React UI 库 React Suite 4.1.4 版本更新

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript, 支持 RTL, 支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.1.4 版本发布...

2019/12/12 13:09

React UI 库:React Suite 4.1.3 版本更新

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript, 支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.1.3 版本发布,更新内容...

2019/12/05 20:52

React Suite 4.1.1 版本发布,Table 表头支持页面级固定

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript, 支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.1.1 版本发布,更新内容...

2019/11/14 12:12

🎉 React Suite 4.1.0 版本发布,支持 RTL

React Suite 在两个月前发布了 4.0 版本,支持 Dark 模式,让越来越多的开发者注意到它是一个注重国际化与可访问性的 UI 组件库。在两个月后的今天迎来了 4.1 版本发布,在本次版本中我们新增...

2019/11/07 20:58

React UI 库:React Suite 4.0.5 版本更新

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript, 支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.0.5 版本发布,更新内容...

2019/10/31 11:04

React Suite 4.0.4 版本更新,React UI 库

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript, 支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.0.4 版本发布,更新内容...

2019/10/17 15:30

React UI 库:React Suite 4.0.3 版本更新

React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript, 支持服务端渲染。 文档: https://rsuitejs.com 设计: https://rsuitejs.com/design/default/ V4.0.3 版本发布,更新内容...

2019/10/10 16:52

没有更多内容

加载失败,请刷新页面

暂无问答

一套 React 的 UI 组件库: RSUITE

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

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

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

2019/01/18 15:06
4.1K
4
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
8
0
React Suite v3.0 正式版发布

相信很多人会好奇,React Suite 是什么? React Suite 是 HYPERS 前端团队和 UX 团队开源的一套基于 React 的 UI 组件库,能够帮助您快速构建一个企业级应用。 官网访问地址: rsuitejs.com...

2018/04/25 11:56
62
0
小而美的 React Form 组件

背景 之间在一篇介绍过 Table 组件《React 实现一个漂亮的 Table》 的文章中讲到过,在企业级后台产品中,用的最多且复杂的组件主要包括 Table、 Form、 Chart,在处理 Table 的时候我们遇到...

2017/09/10 10:36
836
0
这些 UI 框架都存在对比度问题

背景 作为一个 UI 框架开发者,越来越多的人反馈给我同一个问题:网页中一些链接的对比度有些低,导致在个别显示器上存在看不清的问题。对一些服务于中后台产品的 UI 框架来说,中老年的老板...

2019/08/01 10:51
30
0
让 Markdown 中的代码可以实时运行

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

2018/08/28 18:33
485
0
前端多端统一框架

移动端跨平台开发框架 各框架比较 https://ask.dcloud.net.cn/article/35947 *上图严格来讲wepy不是多端框架,只是用vue写小程序;而myvue也是2.0版本后才加入 另一篇比较文章,传送门,结论...

2019/03/01 16:46
233
0
react npm插件推荐

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

2018/08/14 18:09
468
0
这50款前端热门工具简直不要太好用了!(3)

上两篇介绍了构建、框架和库、CSS和HTML、JavaScript相关的工具,这篇文章小编将介绍剩余21款工具,希望在新的一年里对大家有所帮助。 ## 图标、图表工具 ### 30、Orion Icon Library [orion...

2019/02/15 22:16
4
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部