chore: paste in original counter example from ngrx-store

demos/counter/package.json

@@ -17,8 +17,6 @@
     "@angular/platform-browser-dynamic": "^5.0.0",
     "@ngrx/store": "^4.1.0",
     "core-js": "^2.4.1",
-    "micro-dash": "^1.0.0",
-    "ng-app-state": "^2.0.0",
     "rxjs": "^5.5.2",
     "zone.js": "^0.8.18"
   },

demos/counter/src/app/app.module.ts

@@ -1,8 +1,7 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { StoreModule } from '@ngrx/store';
-import { ngAppStateReducer } from 'ng-app-state';
-import { CounterStore } from './counter-store';
+import { counterReducer } from './counter';
 import { MyAppComponent } from './my-app.component';
 
 @NgModule({
@@ -11,10 +10,7 @@ import { MyAppComponent } from './my-app.component';
   ],
   imports: [
     BrowserModule,
-    StoreModule.forRoot({}, {metaReducers: [ngAppStateReducer]}),
-  ],
-  providers: [
-    CounterStore,
+    StoreModule.forRoot({counter: counterReducer}),
   ],
   bootstrap: [MyAppComponent],
 })

demos/counter/src/app/counter.ts

@@ -0,0 +1,21 @@
+import { Action } from '@ngrx/store';
+
+export const INCREMENT = 'INCREMENT';
+export const DECREMENT = 'DECREMENT';
+export const RESET = 'RESET';
+
+export function counterReducer(state: number = 0, action: Action) {
+  switch (action.type) {
+    case INCREMENT:
+      return state + 1;
+
+    case DECREMENT:
+      return state - 1;
+
+    case RESET:
+      return 0;
+
+    default:
+      return state;
+  }
+}

demos/counter/src/app/my-app.component.ts

@@ -1,33 +1,38 @@
 import { Component } from '@angular/core';
-import { StoreObject } from 'ng-app-state';
-import { CounterStore } from './counter-store';
+import { Store } from '@ngrx/store';
+import { Observable } from 'rxjs/Observable';
+import { DECREMENT, INCREMENT, RESET } from './counter';
+
+interface AppState {
+  counter: number;
+}
 
 @Component({
   selector: 'my-app',
   template: `
     <button (click)="increment()">Increment</button>
-    <div>Current Count: {{ valueStore.$ | async }}</div>
+    <div>Current Count: {{ counter | async }}</div>
     <button (click)="decrement()">Decrement</button>
 
     <button (click)="reset()">Reset Counter</button>
   `,
 })
 export class MyAppComponent {
-  valueStore: StoreObject<number>;
+  counter: Observable<number>;
 
-  constructor(store: CounterStore) {
-    this.valueStore = store('value');
+  constructor(private store: Store<AppState>) {
+    this.counter = store.select('counter');
   }
 
   increment() {
-    this.valueStore.set(this.valueStore.state() + 1);
+    this.store.dispatch({type: INCREMENT});
   }
 
   decrement() {
-    this.valueStore.set(this.valueStore.state() - 1);
+    this.store.dispatch({type: DECREMENT});
   }
 
   reset() {
-    this.valueStore.set(0);
+    this.store.dispatch({type: RESET});
   }
 }

demos/counter/yarn.lock

@@ -2899,10 +2899,6 @@ methods@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
 
-micro-dash@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/micro-dash/-/micro-dash-1.0.0.tgz#195e80388c5544b14266d09bd13ca19041b713d0"
-
 micromatch@^2.1.5, micromatch@^2.3.11:
   version "2.3.11"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
@@ -3044,10 +3040,6 @@ negotiator@0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
 
-ng-app-state@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ng-app-state/-/ng-app-state-2.0.0.tgz#edfde5d6e1daebe0ccc5af5c0b21f8e2e1761437"
-
 no-case@^2.2.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/no-case/-/no-case-2.3.1.tgz#7aeba1c73a52184265554b7dc03baf720df80081"