#React-WeUI [![Build Status](https://travis-ci.org/weui/react-weui.svg?branch=master)](https://travis-ci.org/weui/react-weui) [![npm version](https://img.shields.io/npm/v/react-weui.svg)](https://www.npmjs.org/package/react-weui)

[WeUI](https://github.com/weui/weui) Components build with [React](http://facebook.github.io/react/).

[![Coverage Status](https://coveralls.io/repos/github/weui/react-weui/badge.svg?branch=master)](https://coveralls.io/github/weui/react-weui?branch=master)  [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](CONTRIBUTING.md#pull-requests) [![QQ](http://pub.idqqimg.com/wpa/images/group.png)](http://jq.qq.com/?_wv=1027&k=413HLfV)

## Notes
__Please See [0.4.x](https://github.com/weui/react-weui/tree/0.4.x) branch__ for current stable usage and usage with weui 0.4.x

__Master branch under active development for WeUI 1.0.0, Not Ready for use - APIs will change.__
Check out the [1.0.0 Progression](https://github.com/weui/react-weui/projects/1) and [contributing guidelines](https://github.com/n7best/react-weui-1/blob/master/CONTRIBUTING.md) to see where you can help out.

## Docs


0.4.x [documentation](https://n7best.github.io/react-weui-doc-0.4.0) with live examples.

1.0.x [documentation](https://weui.github.io/react-weui/docs/) with live examples.

## Installation (0.4.x)

With [npm](http://npmjs.com/):

If React is not installed

```
npm install --save react@15.4.0 react-dom@15.4.0
npm install --save weui@0.4.3 react-weui
```

With React Installed

```
npm install weui@0.4.3 react-weui --save
```

Due to the browser compatibility issues, react-weui required [babel polyfill](https://babeljs.io/docs/usage/polyfill/) to work

## Example

We have several examples on the documentation. Here is the first one to get you started:
```javascript
// app.js

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
//commonJS Module *Require Plugins
//import { Button } from 'react-weui'

//ES6 Import
import WeUI from 'react-weui';
import 'weui';
const {Button} = WeUI;

class App extends Component {
    render() {
        return (
            <Button>hello wechat</Button>
        );
    }
}

ReactDOM.render((
    <App/>
), document.getElementById('container'));

```

## Contributing

Welcome and send the PR in! Development of components will happen in this github repo.

See the [contributing guidelines](https://github.com/n7best/react-weui-1/blob/master/CONTRIBUTING.md) for details.

## Mobile Demo

![react-weui](./docs/qrcode.png)

[1.0.0 alpha](https://weui.github.io/react-weui)

[0.4.3 Demo](http://weui.github.io/react-weui/0.4.x/)

## License

The MIT License([http://opensource.org/licenses/MIT](http://opensource.org/licenses/MIT))