Introduction

React Suite is a library of React components, designed for middle platform and back-end products. Committed to creating intimate interactive designs while providing developers with a friendly development experience.

UI Design

RSUITE Design Prototype and specification, click to view

Supported Platforms

Browser

• React Suite supports all major modern browsers.

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

• IE<=9 is no longer supported since React Suite 3.0.

• Our support for IE10 has been gracefully downgraded, and some styles and animations have been simplified.

  Notice: For IE series browsers, you need to provide support using Polyfill. We recommend using babel-preset-env to handle browser compatibility issues.

• React Suite is designed and implemented for use on modern desktop browsers rather than mobile browsers.

Server

React Suite supports server side rendering. Support Next.js to build applications.

Supported development environment

• Supports React 16 +
• Supports TypeScript
• Supports Electron
• Supports Reason

Examples

• Management system
• Use modularized
• Use CDN
• Internationalization
• Themes
• RTL - RTLCSS
• RTL - PostCSS-RTL
• Use in create-react-app
• Use in Electron
• Use in Flow
• Use in TypeScript
• Use in Next.js
• Use in UmiJS

Changelog

Detailed changes for each release are documented in the release notes.

Contribution

Make sure you've read the guidelines before you start contributing.

Editor preferences are available in the .prettierrc for easy use in common code editors. Read more and download plugins at https://prettier.io/.

Development

Test-Driven Development（TDD）

1. Fork https://github.com/rsuite/rsuite this repo.

$ git clone git@github.com:<YOUR NAME>/rsuite.git
$ cd rsuite

2. Install it and run

$ npm install
$ npm run tdd

3. Run a single component test case.

$ M=Button npm run tdd

UI-Driven Development

1. Fork https://github.com/rsuite/rsuite this repo.

$ git clone git@github.com:<YOUR NAME>/rsuite.git

2. Install it and run

$ cd rsuite
$ npm install
$ cd rsuite/docs
$ npm install
$ npm run dev

3. Your show time. Open url http://127.0.0.1:3200/ in browser.

Supporting RSUITE

If you like RSUITE, you can show your support by either

• Star this repo
• Leaving a comment here if you are using RSUITE in your project (like we do 😄)
• Becoming a backer on OpenCollective

License

RSUITE is MIT licensed. Copyright (c) 2016-present, HYPERS.