https://lobos.github.io/react-ui/

A collection of components for React, base on bootstrap 4.0.
https://lobos.github.io/react-ui/

Last synced: about 12 hours ago
JSON representation

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

• Host: GitHub
• URL: https://lobos.github.io/react-ui/
• Owner: Lobos
• License: mit
• Created: 2015-03-16T06:47:36.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2019-03-22T06:39:05.000Z (over 5 years ago)
• Last Synced: 2024-09-30T20:18:21.788Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://lobos.github.io/react-ui/
• Size: 9.74 MB
• Stars: 1,633
• Watchers: 118
• Forks: 303
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
>## This Project Is Deprecated

>Try another component library [Shineout](https://github.com/sheinsight/shineout)

>此项目已经暂停维护，已发布一个新的轻量，性能更优化的组件库 [Shineout](https://github.com/sheinsight/shineout)，欢迎移步使用。

A collection of components for React, base on bootstrap 4.0. [Docs](http://lobos.github.io/react-ui/0.7)

# 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

// 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](https://github.com/Lobos/ogier-react).