BaseComponent for React with store listener handling

BaseComponent

/** @jsx React.DOM */
 
module.exports = function (options) {
    return React.createClass( _.assign({}, options, {
        _listeners: [],
 
        listenTo: function (store, event, callback) {
            this._listeners.push({
                store: store,
                event: event,
                callback: callback
            });
            store.on(event, callback);
        },
        componentWillUnmount: function () {
            _.each(this._listeners, function (listener) {
                listener.store.off(listener.event, listener.callback);
            });
            return options.componentWillUnmount ? options.componentWillUnmount() : true;
        }
 
    }));
};

Example usage

componentDidMount: function () {        
     this.listenTo(MessagesStore, 'change', this.onMessageStoreChange);
}

I think you would want to implement this as a mixin

http://facebook.github.io/react/docs/reusable-components.html#mixins

that will be even shorter and you are assured that your componentWillUnmount will get called even if you use several mixins