React Base Fiddle (non-JSX)

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

by SnackyPete

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/react-with-addons.js"></script>
<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>
<div id="dismissal"></div>

JavaScript

var Hello = React.createClass({
    displayName: 'Hello',
    render: function() {
        return React.createElement("div", null, "Hello ", this.props.name, " with a face that is " + this.props.face);
    }
});
 
var Goodbye = React.createClass({
    displayName: 'Goodbye',
    render: function () {
        return React.createElement('span', null, "Goodbye " +  this.props.salute);
    }
});

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

React.render(
    React.createElement(Goodbye, {salute: "Mr."}),
    document.getElementById('dismissal')
);