React Base Fiddle (JSX)

Starting point for creating JSFiddles with React. This uses React with Addons.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://npmcdn.com/react@latest/dist/react-with-addons.js"></script>
<script src="https://npmcdn.com/react-dom@latest/dist/react-dom.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="container">
  <!-- This element's contents will be replaced with your component. -->
</div>

JavaScript 1.7

var Hello = React.createClass({
      render() {
        var data = [{
          type: 'div',
          open: true,
          id: 1,
          className: 'col-md-12 test',
          value: ''
        }, {
          type: 'div',
          open: false,
          id: 1
        }]
        var elements = data.map(function(element) {
          if (element.open) {
            return <element.type className = {
              element.className
            }
            >from json</element.type>
          } else {
            <element.type>from json</element.type>
          }
        })
        return ( < div > {
            elements
          } < /div>)
        }
      });

    ReactDOM.render( < Hello name = "World" / > ,
      document.getElementById('container')
    );