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://fb.me/react-with-addons-0.14.6.js"></script>
<script src="https://fb.me/react-dom-0.14.6.js"></script>
<script src="https://10up.github.io/flexibility/flexibility.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="container1"></div>

<div id="container2"></div>

CSS

.flexbox {
  -js-display: flex;
  display: flex;
}

JavaScript 1.7

var Content = React.createClass({
  componentDidMount: function() {
    var dom = this.refs.flexbox;
    if(dom.currentStyle) {
      window.flexibility.walk(dom);
    }
  },
  componentDidUpdate: function() {
    var dom = this.refs.flexbox;
    if(dom.currentStyle) {
      window.flexibility.walk(dom);
    }
  },
  render: function() {
    return (
      <div ref='flexbox' className='flexbox'>
        <div>Box 1</div>
        <div>Box s2</div>
      </div>
    );
  }  
});

ReactDOM.render(
  <Content/>,
  document.getElementById('container1')
);