React Base Fiddle (JSX)

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

by Cody Lindley

HTML

<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<div id="app1"></div>

Babel + JSX

var label = '2 + 2';
var inputType = 'input';

//Note how I use JavaScript expressions/values via {} intermingled among JSX
var reactNode = <label>{label} = <input type={inputType} value={2+2} /></label>;

ReactDOM.render(reactNode, document.getElementById('app1'));