title: library of react components in webpack bundle export to use in on runtime rendering
body: <p>I am upgrading a legacy web2py (python) application to use react components. I am using webpack to transpile the jsx files to minified js bundle. I want to be able to use:</p>
  
  <pre><code>ReactDOM.render(
    &lt;ComponentA arg1="hello" arg2="world" /&gt;,
    document.getElementById('react-container')
  );
  </code></pre>
  
  <p>Where ComponentA is included in the bundle and the bundle is included on the web2py view. The issue is that I can't access ComponentA in the view. The following example will work:</p>
  
  <pre><code>&lt;script&gt;
  var ComponentA = React.createClass({
       render: function() {
        var p = React.createElement('p', null, 'Passed these props: ',this.props.arg1, ' and ', this.props.arg2);
        var div = React.createElement('div', { className: 'my-test' }, p);
        return div;
    }
  });
  
  var component = React.createElement(ComponentA, {arg1:"hello", arg2:"world"})
  ReactDOM.render(
    component,//I would rather use &lt;ComponentA arg1="hello" arg2="world" /&gt;,
    document.getElementById('react-sample')
  );
  
  &lt;/script&gt;
  </code></pre>
  
  <p>I looked at <a href="https://github.com/webpack/docs/wiki/shimming-modules#exports-loader" rel="nofollow">exports-loader</a> and <a href="https://github.com/joeyguo/webpack-add-module-exports" rel="nofollow">webpack-add-module-exports</a> but I have not yet gotten it to work. Any help is greatly appreciated.</p>