fakeflocks.js

var React = ...
var Editor = React.createClass({ ... });

var App = { 

    savedValue   : 'Hello, World!',
    currentValue : 'Hello, World!',
    hot          : false,

    change       : function(X)   { this.currentValue = X;               hot = true;  this.rerender(); },
    save         : function(X)   { this.savedValue = this.currentValue; hot = false; this.rerender(); },
    abort        : function(X)   { this.currentValue = this.savedValue; hot = false; this.rerender(); },

    rerender     : function(Hot) { React.render(document.body, <Editor hot={this.hot} val={this.currentValue} hooks={...} />); },

};

// where hooks is just an object that passes down change, save, and abort
// put these in contexts and you don't even have to pass them down
// and now you use flocks.js