hingsir / react-ui

A collection of components for React.

Home Page:http://lobos.github.io/react-ui/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

A collection of components for React. 文档 戳这里

使用

  • 直接引用

在线生成需要的组件,在页面中引用即可。(注意需要先引用 react 和 es5-shim

<script src="js/es5-shim.min.js"></script>
<script src="js/react.js"></script>
<script src="js/react-dom.js"></script>
<script src="js/ReactUI.js"></script>
  • npm install
npm install rctui
var ReactUI = require('rctui')
var Form = ReactUI.Form
...
// 或者单独使用一个组件
var Input = require('rctui/Input')
var CheckboxGroup = require('rctui/CheckboxGroup')
var FormControl = require('rctui/FormControl')

build

使用 webpack 打包,可以修改 'src/js/index.js' 自定义需要的组件。

docs:    webpack --config webpack-docs.config.js [--min]
publish: webpack --config webpack-publish.config.js [--min]

Components

目前完成的组件,后续应该会不断加入新的组件

Change log

v0.5.0

  • 修复bugs
  • react版本改为0.14.0

v0.4.0

  • 结构重新调整
  • 拆分Lang

v0.3.5

  • css 去除 local,使用 rct- 前缀
  • 加入 Upload

v0.3.4

  • 加入Modal
  • Message 改为动态创建

v0.3.3

  • Table, Tree的checkAble属性改为selectAble
  • 加入 Filter

v0.3.1

  • 加入Table
  • dataSource改为promise方式

v0.3.0

  • Component全部改为es6形式
  • grids的css改用js动态生成
  • 剥离需要服务端数据的Component内置ajax调用,改用dataSource实现
  • 移除全部Mixins,使用Higher Order

v0.2.3

v0.2.2

  • 使用webpack打包,减少体积,去除了 Refluxsuperagent 依赖。
  • 放弃bootstrap,使用yahoo/pure。
  • 在webpack中使用了babel-loader,所以用了部分es6语法,参考 babel 的文档,没有使用需要 polyfill 支持的部分(因为需要额外引入45KB左右的 polyfill 包)。不要忘记在页面中加入 es5-shim 引用。

About

A collection of components for React.

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

License:MIT License


Languages

Language:JavaScript 79.0%Language:CSS 20.5%Language:HTML 0.6%