main.js

/** @jsx React.DOM */

(function (React) {

	var data = [
		'Go to work',
		'Play Albion Online',
		'Keep learning React'
	]

	var App = React.createClass({
		getInitialState: function () {
			return {data: []}
		},
		componentWillMount: function () {
			this.state.data = data;
		},
		render: function () {
			return (
			<ToDoList tasks={this.state.data} />
			)
		}
	});

	var ToDoList = React.createClass({
		render: function () {

			var tasks = this.props.tasks.map(function (task) {
				return <ToDo key={task} task={task} />
			});

			return (
			<ul>
				{tasks}
			</ul>
			)
		}
	});

	var ToDo = React.createClass({
		render: function () {
			return (
				<li>{this.props.task}</li>
			)
		}
	});

	React.render(<App />, document.getElementById('example'));
})(React);