Merge pull request #13 from Foxandxss/cleanapp

Clean App.ts

Author: wbuchwalter

examples/counter/containers/App.ts

@@ -1,24 +1,22 @@
-import {Component, View, onInit, onDestroy} from 'angular2/angular2';
+import {Component, View, onDestroy} from 'angular2/angular2';
 import {bindActionCreators} from 'redux';
 import {Counter} from '../components/Counter';
 import * as CounterActions from '../actions/CounterActions';
 import { Inject } from 'angular2/di';
 
 @Component({
   selector: 'root',
-  lifecycle: [onInit, onDestroy],
-  bindings: []
+  lifecycle: [onDestroy]
 })
 @View({
   directives: [Counter],
   template: `
   <counter [counter]="counter"
     [increment]="increment"
     [decrement]="decrement"
-    [increment-If-Odd]="incrementIfOdd"
-    [increment-Async]="incrementAsync">
+    [increment-if-odd]="incrementIfOdd"
+    [increment-async]="incrementAsync">
   </counter>
-  <dev
   `
 })
 export default class App {
@@ -27,22 +25,20 @@ export default class App {
 
   constructor( @Inject('ngRedux') ngRedux, @Inject('devTools') devTools) {
     devTools.start(ngRedux);
-    this.unsubscribe = ngRedux.connect(this.mapState, this.mapDispatch)(this);
+    this.unsubscribe = ngRedux.connect(this.mapStateToThis, this.mapDispatchToThis)(this);
   }
 
-  onInit() {}
-
   onDestroy() {
     this.unsubscribe();
   }
 
-  mapState(state) {
+  mapStateToThis(state) {
     return {
       counter: state.counter
     };
   }
 
-  mapDispatch(dispatch) {
+  mapDispatchToThis(dispatch) {
     return bindActionCreators(CounterActions, dispatch);
   }
 }