REACTJS

example.js

// calling setProps is not good practice
// instead render the component outside of the react loop

React.render(
     myComponent({ data: someData2 }),
     document.getElementById('predictionContent')
);

example2.js

// simple example of a data model
var Data = { name: 'world' };

var World = React.createClass({
    render: function() {
        return <strong>{this.props.data.name}</strong>;
    }
});

var Hello = React.createClass({
    clickHandler: function() {
        this.setProps({
            data: { name: 'earth' }
        });
    },
    render: function() {
        return (
            <div>
                Hello <World data={this.props.data} />
                <button onClick={this.clickHandler}>Click me</button>
            </div>
        );
    }
});

React.render(<Hello data={Data} />, document.body);

example3.js

var MyComponent = React.createClass({
    render: function () {
        return React.DOM.div(null, this.props.data);
    }
});

var myComponent = React.renderComponent(
     new MyComponent({ data: someData }),
     document.getElementById('predictionContent')
);

myComponent.setProps({ data: someData2 });

example4.js

var myElement = React.createElement(
      MyElement,
      {hello: "world"}
);

React.render(myElement, document.body);