React Base Fiddle (non-JSX)

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

by Ankit Shah

HTML

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

Babel + JSX

var x = '<html><scr'+'ipt>alert("this.is.sparta");function pClicked() {console.log("p is clicked");}</scr'+'ipt><body><p onClick="pClicked()">Hello</p></body></html>';

var Hello = React.createClass({
  displayName: 'Hello',
  render: function() {
    return (<div dangerouslySetInnerHTML={{__html: x}} />);
  }
});

console.log('x is ', x);

ReactDOM.render(
  React.createElement(Hello, {name: "World"}),
  document.getElementById('container')
);