Functional React: component function

functional-react-component-function.js

// @param additionalMixins? {Array|Object}
// @param renderFn {Function}
// @returns Component
function component(additionalMixins, renderFn) {
  renderFn = renderFn || additionalMixins;
  additionalMixins = (additionalMixins instanceof Function) ? [] : [].concat(additionalMixins);
  
  const mixins = [ComponentRenderMixin, 
                  staticFunctionsMixin]
                  .concat(additionalMixins);
  
  const render = function() {
    console.log(`render <${renderFn.name} />`);
    return renderFn.call(this, this.props, this.props.statics, this.props.children);
  };
  
  const displayName = renderFn.name;
  
  return React.createClass({displayName, mixins, render});
}