RSUITE基于 React 的 UI 组件库

联合创作 · 2023-09-28 01:27

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 发布。

浏览 10
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报