A collection of components for React, base on bootstrap 4.0.
Clone or download
Latest commit b7dedd7 Sep 4, 2018
Permalink
Failed to load latest commit information.
cli 0.7 rc Oct 12, 2016
docs add CircleProgress Oct 14, 2017
src Datepicker min Aug 12, 2018
test SF Sep 16, 2016
.babelrc 0.7.11 Jan 13, 2017
.eslintignore one-of-type May 25, 2016
.eslintrc remove semi Jun 2, 2016
.gitignore react 16 Aug 21, 2017
.npmrc react 16 Aug 21, 2017
CHANGELOG.md 0.7 Sep 30, 2016
LICENSE bug fixed Apr 27, 2016
README.md Update README.md Sep 4, 2018
devServer.js fixbug Sep 28, 2016
gulpfile.js record May 24, 2016
karma.conf.js keep karma conf consistency to webpack test conf Apr 29, 2016
package.json Datepicker min Aug 12, 2018
wdio.conf.js start implement time picker Jun 21, 2016
webpack.config.dev.js react 16 Aug 21, 2017
webpack.config.docs.js 0.7 Nov 1, 2016
webpack.config.prod.js build dist Mar 25, 2017
webpack.config.test.js remove one-of-type May 26, 2016

README.md

This Project Is Deprecated

Try another component library Shineout

此项目已经暂停维护,已发布一个新的轻量,性能更优化的组件库 Shineout,欢迎移步使用。

A collection of components for React, base on bootstrap 4.0. Docs

Usage

  • npm install
npm install rctui
var ReactUI = require('rctui')
var Form = ReactUI.Form
// or
import { Form } from 'rctui'
...
// import one Component without other components
var Input = require('rctui/Input')
var CheckboxGroup = require('rctui/CheckboxGroup')
var FormControl = require('rctui/FormControl')
// or
import Input from 'rctui/Input'

If you don't want compile the file or encounter any compile problems, you can use the built file

// html
<script src="https://unpkg.com/rctui/dist/index.js"></script>
// webpack config
externals: {'react': 'React', 'react-dom': 'ReactDOM', 'rctui': 'rctui'},
// jsx
import { Form } from 'rctui'
...

cli

There is a internal cli command, help you easy start you app.

need nodejs >= 4,npm >= 3

Waning options all/webpack will overwrite your webpack.config.js file

npm install rctui
node node_modules/rctui/cli/init.js [options]
options:
    - all        install dependencies and devDependencies package, simple demo code, devServer, webpack config
    - update     install / update package
    - demo       a simple demo
    - server     node devServer.js
    - webpack    webpack.config.js !warning: will overwrite your webpack.config.js file

Start Kit

如果配置仍然有问题的话,可以尝试使用这个 Start Kit.