title: ReactJS: React.render is not a function and React.createElement is not a function
body: <p>I found a problem in my code when I was trying to use these two functions in my React version 15.2.0, nonetheless, I found a workaround but I would like to know if there's a better solution. </p>
  
  <pre><code>//app.jsx
  var React = require('react');
  
  var ThumbnailList = require('./thumbnail-list');
  
  var options = {
       ThumbNailData: [{
       title : 'Download the ISO',
       number : 32,
       header : 'Learning React',
       description: 'The best library for creating fast and dynamic websites.',
       imageUrl : 'image source'
      },{
       title : 'Download the ISO',
       number : 64,
       header : 'Learning Gulp',
       description: 'Speed your development framework!',
       imageUrl : 'image source'
      }],
  };
  
  var element = React.createElement(ThumbnailList,options);
  React.render(element, document.querySelector('.container'));
  </code></pre>
  
  <p>So, whenever I try to run my index.html file nothing is displayed but this first error comes into the console: <strong>React.render is not a function</strong>. I found that this occurs because this new version of React needs the react-dom, that is, </p>
  
  <pre><code>//app.jsx
  var React = require('react-dom');
  
  var ThumbnailList = require('./thumbnail-list');
  
  var options = {
       ThumbNailData: [{
       title : 'Download the ISO',
       number : 32,
       header : 'Learning React',
       description: 'The best library for creating fast and dynamic websites.',
       imageUrl : 'image source'
      },{
       title : 'Download the ISO',
       number : 64,
       header : 'Learning Gulp',
       description: 'Speed your development framework!',
       imageUrl : 'image source'
      }],
  };
  
  var element = React.createElement(ThumbnailList,options);
  React.render(element, document.querySelector('.container'));
  </code></pre>
  
  <p>Now the problem is solved but now comes the second problem when you try to run again the index.html: <strong>React.CreateElement is not a function.</strong> What I did was to add another variable requiring react, that is, </p>
  
  <pre><code>var React = require('react-dom');
  var React2 = require('react');
  var ThumbnailList = require('./thumbnail-list');
  
  var options = {
      ThumbNailData: [{
          title : 'Download the ISO',
          number : 32,
          header : 'Learning React',
          description: 'The best library for creating fast and dynamic  websites.',
          imageUrl : 'image-source'
      },{
          title : 'Download the ISO',
          number : 64,
          header : 'Learning Gulp',
          description: 'Speed your development framework!',
          imageUrl : 'image-source'
     }],
  };
  
  var element = React2.createElement(ThumbnailList,options);
  React.render(element, document.querySelector('.container'));
  </code></pre>
  
  <p>In few words, to solve the problem of React.render</p>
  
  <pre><code>var React = require('react-dom') 
  </code></pre>
  
  <p>to solve the problem of React.createElement</p>
  
  <pre><code>var React2 = require('react') 
  </code></pre>
  
  <p>My questions are: </p>
  
  <ol>
  <li><p>Why the react-dom created the problem with React.createElement?</p></li>
  <li><p>Is it because of this new version of React? </p></li>
  <li><p>Is there a better approach to solve these problems without having to invoke react-dom and react?</p></li>
  </ol>
  
  <p>Any thoughts and comments are appreciated ;)</p>