diff --git a/labs/architecture-examples/backbone_marionette/js/TodoMVC.Layout.js b/labs/architecture-examples/backbone_marionette/js/TodoMVC.Layout.js
index eb89e8c9d1..f76cb19860 100644
--- a/labs/architecture-examples/backbone_marionette/js/TodoMVC.Layout.js
+++ b/labs/architecture-examples/backbone_marionette/js/TodoMVC.Layout.js
@@ -48,9 +48,12 @@ TodoMVC.module('Layout', function (Layout, App, Backbone) {
 			'click #clear-completed': 'onClearClick'
 		},
 
+		collectionEvents: {
+			'all': 'updateCount'
+		},
+
 		initialize: function () {
 			this.listenTo(App.vent, 'todoList:filter', this.updateFilterSelection, this);
-			this.listenTo(this.collection, 'all', this.updateCount, this);
 		},
 
 		onRender: function () {
diff --git a/labs/architecture-examples/backbone_marionette/js/TodoMVC.TodoList.Views.js b/labs/architecture-examples/backbone_marionette/js/TodoMVC.TodoList.Views.js
index d76cec61a5..ded1c0878c 100644
--- a/labs/architecture-examples/backbone_marionette/js/TodoMVC.TodoList.Views.js
+++ b/labs/architecture-examples/backbone_marionette/js/TodoMVC.TodoList.Views.js
@@ -23,8 +23,8 @@ TodoMVC.module('TodoList.Views', function (Views, App, Backbone, Marionette, $)
 			'click .toggle': 'toggle'
 		},
 
-		initialize: function () {
-			this.listenTo(this.model, 'change', this.render, this);
+		modelEvents: {
+			'change': 'render'
 		},
 
 		onRender: function () {
@@ -93,8 +93,8 @@ TodoMVC.module('TodoList.Views', function (Views, App, Backbone, Marionette, $)
 			'click #toggle-all': 'onToggleAllClick'
 		},
 
-		initialize: function () {
-			this.listenTo(this.collection, 'all', this.update, this);
+		collectionEvents: {
+			'all' : 'update'
 		},
 
 		onRender: function () {