React mixin

OnOutClickMixin.js

var handlers = {};
document.addEventListener('click', onDocumentClick);

function onDocumentClick(evt) {
    var rid = (evt.target.dataset && evt.target.dataset.reactid) || '';

    Object.keys(handlers).forEach(function(key) {
        var hnd = handlers[key];
        if(rid.indexOf(key) !== 0) {
            hnd.comp[hnd.handler](evt);
        }
    });
};

module.exports = function(handlerName) {
    return {
        componentDidMount: function() {
            if(this[handlerName]) {
                handlers[this._rootNodeID] = {
                    comp: this,
                    handler: handlerName
                };
            }
        },

        componentWillUnmount: function() {
            delete handlers[this._rootNodeID];
        }
    };
};

Usage

React.createClass({
    mixins: OnOutClickMixin('onOutClick'),
    onOutClick: function() {
        
    }
});