title: Feed native Javascript objects to React
body: <p>I found interesting snippets in the following link: 
  <a href="https://facebook.github.io/react/blog/2015/12/18/react-components-elements-and-instances.html" rel="nofollow">https://facebook.github.io/react/blog/2015/12/18/react-components-elements-and-instances.html</a></p>
  
  <p>The article describes how React works internally with native Javascript objects to build the tree.<br>
  Currently I'm working on a drag&amp;drop editor for which I want to build a React component tree. Ideally I would build a tree of nested Javascript objects and convert them to a component tree at runtime.  </p>
  
  <p>For example, if I have an object like this (snippet from the link previousy added): </p>
  
  <pre><code>{
    type: Button,
    props: {
      children: 'OK!',
      color: 'blue'
    }
  }
  </code></pre>
  
  <p>This is what react calculates internally. 
  How do I feed this object (/object tree) immediately to React?  </p>
  
  <p>I think the snippets added are pseudo-code. The following for example will not work: </p>
  
  <pre><code>ReactDOM.render({
    type: Button,
    props: {
      children: 'OK!',
      color: 'blue'
    }
  }, document.getElementById('root'));
  </code></pre>