rcf@0.2.1

EXAMPLES

README.md

Rcf

NPM version

Rcf is a react component, it uses a clear and simple way to manage your state: Do not use "this.state" and "this.setState", just use store, which is a plain object.

Put your component in Rcf and Rcf allows it to get store by "this.props.*" and set store by "this.props.set".

Examples

http://flutejs.github.io/rcf/

Install

npm install rcf

Usage

const A = props => <div>

  A:

  {props.a} 

  <button onClick={() => {
    props.set({
      a: props.a - 1,
    });
  }}>
    click
  </button>

</div>

const B = props => <div>

  B:

  {props.a} 

</div>


const store = {a: 1};

ReactDOM.render(<div>

  <Rcf store={store}>
    <A />
    <B />
  </Rcf>

  <Rcf store={store}>
    <B />
  </Rcf>

</div>, 

mountDom);

http://flutejs.github.io/rcf/examples/example-a.html

API

props

name type description
store object "set, get" can only called by props
tag string | object default: 'div', the root element
When the number of children is greater than 1, set root element to tag
set string default: 'set', the name of set function.
If you don't want to call "this.props.set", you can set "set" to what you want, then you can use "this.props.*"
Fork me on GitHub