React.LayoutManager.js

React.createBackboneComponent = function (spec, compname) {
    return React.createClass(_.extend({
        // Assistants
        serializeState: function () {
            this.replaceState(this.serialize());
        },
        getModel: function () {
            return this.props.model;
        },
        el: function () {
            return this._rootNode || this.getDOMNode();
        },

        // React internals
        getInitialState: function () {
            this.initialize(this.props);

            return this.serialize();
        },
        componentDidMount: function () {
            console.log("component did mount", compname);
            if (this.getModel() && this.replaceStateOn) {
                this.listenTo(this.getModel(), this.replaceStateOn, this.serializeState);
            }
        },
        componentWillUpdate: function () {
            if (_.isFunction(this.beforeRender)) {
                this.beforeRender();
            }
        },
        componentDidUpdate: function () {
            if (_.isFunction(this.afterRender)) {
                this.afterRender();
            }
        },

        // Probably not a good idea
        replaceStateOn: "change",

        // Mocking a familiar interface
        initialize: function (options) {

        },

        serialize: function () {
            return this.getModel() && this.getModel().toJSON() || {};
        }
    }, Backbone.Events, spec));
};