React Base Fiddle (JSX)

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

by hellosmithy

HTML

<script src="https://fb.me/react-with-addons-0.14.0-rc1.js"></script>
<script src="https://fb.me/react-dom-0.14.0-rc1.js"></script>
<script src="https://babeljs.io/scripts/babel.js"></script>

<div id="app"></div>

<script id="jsx-babelify" type="text/babel-jsx">
class Hello extends React.Component {
  render() {
    return (
      <div>
          <div className="hello">Hello {this.props.name} (div)</div>
          <custom-elem className="hello">Hello {this.props.name} (custom-elem)</custom-elem>
      </div>
    );
  }
}
ReactDOM.render(<Hello name="World"/ > , document.getElementById('app'));
</script>

    
    
<script>
var codeElem = document.getElementById('jsx-babelify');
babel.run(codeElem.textContent, {
    stage: 0,
});
</script>

CSS

.hello {
    background: yellow;
    display: block;
}