React Hello World (JSX)

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

by justindeal

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.12.2/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.12.2/react-with-addons.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration.js"></script>

JavaScript 1.7

var value = "";

var onChangeValue = function (newValue) {
    value = newValue;
    
    console.log('value is now: ', value);

    render();
};

var ValueEditor = React.createClass({
    onChange: function (event) {
        console.log('change to: ', event.target.value);
        this.props.onChange(event.target.value);
    },
    
    render: function () {
        return <input onChange={this.onChange} value={this.value}/>
    }
});

var render = function () {
    React.render(
        <ValueEditor value={value} onChange={onChangeValue}/>,
        document.body
    );
};

render();