arqex

var TodoApp = React.createClass({
	componentDidMount: function () {
		var me = this;

		// Here the magic happens. Everytime that the
		// state is updated the app will re-render.
		// A real data driven app.
		freezer.on('update', function(){
			me.forceUpdate();
		});

arqex

var state = freezer.get();

// this will replace app state for a new one
state.todos.push({
  model: {id: 1, title: 'Do this.', completed: false},
  ui: {status: 'ready', input: 'Do this.'}
});

// state variable is still unchanged,
// it is immutable

arqex

// state variable is immutable
var state = freezer.get();

// Accessing is easy
console.log( state.todos ); // []
console.log( state.status ); // 'ready' 

// But it is not possible to
// update the state directly
state.status = 'loading';

arqex

var freezer = new Freezer({
	todos: [],
	todoInput: '',
	status: 'ready',
	filter: 'all'
});

arqex

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 *
 * If you are unfamiliar with LESS, you can read more about it here:
 * http://www.lesscss.org
 *
 * To apply this styles to your editor click on