gistfile1.js

<script defer type="text/jsx">

  // up button control
  var Up = flocks.createClass({
    inc:    function() { this.fset('value', this.fctx['value'] + 1) },
    render: function() { return <button onClick={this.inc}>▲</button>; }
  });

  // down button control
  var Down = flocks.createClass({
    dec:    function() { this.fset('value', this.fctx['value'] - 1) },
    render: function() { return <button onClick={this.dec}>▼</button>; }
  });

  // the application root control
  var SpinnerApp = flocks.createClass({
    render: function() { return <div><Up/>{this.fctx['value']}<Down/></div>; }
  });

  // telling flocks where to put the app control, and what that control is
  var FlocksConfig = { target: document.body, control: SpinnerApp };
  var InitialState = { value: 0 };

  // and mount the app 😄
  flocks.mount(FlocksConfig, InitialState);

</script>