Monkey patching of React to automagicly use functionnal components as functions

patch-react-functionnal-component.js

/*
Monkey patching of React to automagicly use functionnal components as functions for a real gain in perforance
See article "https://medium.com/missive-app/45-faster-react-functional-components-now-3509a668e69f"
WARNING: do not use if you don't understand what you are doing and the conséquences of such patching
*/
function patchReactForFunctionnalComponent(React) {
    React.Component.prototype.__is_react_component__ = true;

    var ReactcreateElement = React.createElement;
    React.createElement = function (type, config, children) {
        var args = [];
        for (var i = 0; i < arguments.length; i++) {
            args.push(arguments[i]);
        }
        if (args.length === 1) {
            args.push({});
        }
        if (args[1] === null) {
            args[1] = {};
        }
        if (typeof type === "function" && !args[0].prototype.__is_react_component__ && !args[0].contextTypes) {
            // optimisation stateless component react
            if (args.length === 3) {
                args[1].children = args[2];
            }
            return args[0](args[1]);
        } else {
            // Composants type React.createClass ou React.Component ou stateless avec contexttype
            return ReactcreateElement.apply(ReactcreateElement, args);
        }
    };

    var ReactcreateClass = React.createClass;
    React.createClass = function (specification) {
        var createdClass = ReactcreateClass(specification);
        createdClass.prototype.__is_react_component__ = true;
        return createdClass
    };
}

window.patchReactFunctionnalComponents = patchReactFunctionnalComponents;
if (window.React !== undefined && window.React !== null) {
    window.patchReactFunctionnalComponents(window.React);
}