Merge pull request #710 from petehunt/tabify

Tabify React examples

labs/architecture-examples/react/js/app.jsx

@@ -61,9 +61,9 @@
 		toggleAll: function (event) {
 			var checked = event.target.checked;
 
-      // Note: it's usually better to use immutable data structures since they're easier to
-      // reason about and React works very well with them. That's why we use map() and filter()
-      // everywhere instead of mutating the array or todo items themselves.
+			// Note: it's usually better to use immutable data structures since they're easier to
+			// reason about and React works very well with them. That's why we use map() and filter()
+			// everywhere instead of mutating the array or todo items themselves.
 			var newTodos = this.state.todos.map(function (todo) {
 				return Utils.extend({}, todo, {completed: checked});
 			});
@@ -73,7 +73,7 @@
 
 		toggle: function (todoToToggle) {
 			var newTodos = this.state.todos.map(function (todo) {
-        return todo !== todoToToggle ? todo : Utils.extend({}, todo, {completed: !todo.completed});
+				return todo !== todoToToggle ? todo : Utils.extend({}, todo, {completed: !todo.completed});
 			});
 
 			this.setState({todos: newTodos});
@@ -97,7 +97,7 @@
 
 		save: function (todoToSave, text) {
 			var newTodos = this.state.todos.map(function (todo) {
-        return todo !== todoToSave ? todo : Utils.extend({}, todo, {title: text});
+				return todo !== todoToSave ? todo : Utils.extend({}, todo, {title: text});
 			});
 
 			this.setState({todos: newTodos, editing: null});
@@ -149,9 +149,9 @@
 				);
 			}, this);
 
-      var activeTodoCount = this.state.todos.reduce(function(accum, todo) {
-        return todo.completed ? accum : accum + 1;
-      }, 0);
+			var activeTodoCount = this.state.todos.reduce(function(accum, todo) {
+				return todo.completed ? accum : accum + 1;
+			}, 0);
 
 			var completedCount = this.state.todos.length - activeTodoCount;
 

labs/architecture-examples/react/js/todoItem.jsx

@@ -54,12 +54,12 @@
 			return {editText: this.props.todo.title};
 		},
 
-    /**
-     * This is a completely optional performance enhancement that you can implement
-     * on any React component. If you were to delete this method the app would still
-     * work correctly (and still be very performant!), we just use it as an example
-     * of how little code it takes to get an order of magnitude performance improvement.
-     */
+		/**
+		 * This is a completely optional performance enhancement that you can implement
+		 * on any React component. If you were to delete this method the app would still
+		 * work correctly (and still be very performant!), we just use it as an example
+		 * of how little code it takes to get an order of magnitude performance improvement.
+		 */
 		shouldComponentUpdate: function (nextProps, nextState) {
 			return (
 				nextProps.todo.id !== this.props.todo.id ||