use Marionette's event hashes for Model and Collection events

refer to Marionette's documentation for more details https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.view.md#viewmodelevents-and-viewcollectionevents

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 () {

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 () {