Backbone TodoView rendered twice Fixes #469

architecture-examples/backbone/js/views/todo-view.js

@@ -35,6 +35,15 @@ var app = app || {};
 
 		// Re-render the titles of the todo item.
 		render: function () {
+			// Backbone LocalStorage is adding `id` attribute instantly after creating a model.
+			// This causes our TodoView to render twice. Once after creating a model and once on `id` change.
+			// We want to filter out the second redundant render, which is caused by this `id` change.
+			// It's known Backbone LocalStorage bug, therefore we've to create a workaround.
+			// https://github.com/tastejs/todomvc/issues/469
+			if (this.model.changed.id !== undefined) {
+				return;
+			}
+
 			this.$el.html(this.template(this.model.toJSON()));
 			this.$el.toggleClass('completed', this.model.get('completed'));
 			this.toggleVisible();