JSFiddle - React, Tailwind, and code Playground

by adriangonzy

HTML

<script src="http://fb.me/JSXTransformer-0.10.0.js"></script>
<script src="http://fb.me/react-with-addons-0.10.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

JavaScript 1.7

/** @jsx React.DOM */

var Hello = React.createClass({
    getInitialState: function() {
        return {data: {name : 'ratilla', times : 0 }};
    },
    
    changeMoiMonEtat: function() {
        this.setState({data: {name: 'JHacker', times : this.state.data.times + 1}});
    },
    
    // executée une seule fois après que le composant soit accroché au DOM
    componentWillMount: function() {
        // Je simule de l'ajax ....
        setInterval(this.changeMoiMonEtat, 1000);
    },
    
    render: function() {
        return <div>Hello {this.state.data.name} {this.state.data.times} times</div>;
    }
});

React.renderComponent(<Hello />, document.body);