BackboneMixin for updating react on model events

backbone_model_mixin.js

define(function() {

  return {
		componentDidMount: function () {
			// Whenever there may be a change in the Backbone data, trigger a
			// reconcile.
			this.getBackboneModels().forEach(function (model) {
				// explicitly bind `null` to `forceUpdate`, as it demands a callback and
				// React validates that it's a function. `model` events passes
				// additional arguments that are not functions
				model.on('sync change destroy', this.forceUpdate.bind(this, null), this);
			}, this);
		},

		componentWillUnmount: function () {
			// Ensure that we clean up any dangling references when the component is
			// destroyed.
			this.getBackboneCollections().forEach(function (model) {
				model.off(null, null, this);
			}, this);
		}
	};

});