counter.js

gistfile1.js

import React from 'react';
import SchemaBranchMixin from 'baobab-react-schemabranchmixin';

const Counter = React.createClass({
   displayName: 'Counter',

    mixins: [SchemaBranchMixin, ],
    schema: {
      value: 0,
    },

    inc(){
      this.cursors.value.apply(v => v+1);
    },
    dec(){
      this.cursors.value.apply(v => v-1);
    },

    render(){
      return <div>
        <button onClick={this.inc}>+</button>
        {this.state.value}
        <button onClick={this.dec}>-</button>
      </div>
    },

});

export default React.createClass({
    displayName: 'CounterList',

    mixins: [SchemaBranchMixin, ],
    schema: {
      counters: [],
    },

    render(){
      return <div>
        <h1>Counters</h1>

      </div>
    }
});