chore: code formatting

Author: codediodeio

.gitignore

@@ -3,6 +3,7 @@
 **/dist-server
 **/tmp
 **/out-tsc
+out/
 
 NOTES.md
 

README.md

@@ -13,8 +13,13 @@ cd ngxs && npm i
 cd ngrx && npm i
 ```
 
-## Salad Bar
+How do I compare the code footprint between projects? Here's a simple formula:
 
+`( {NgRx}.reducer.ts +  {NgRx}.effects.ts ) ~= {NGXS}.state.ts`
+
+Both projects have action classes defined in *.actions.ts files
+
+Also, take a look at `salad-page.component.ts` to compare state *selectors* between libraries.
 
 ## Benchmarks
 
@@ -25,7 +30,6 @@ cd ngxs && npm run analyzer
 cd ngrx && npm run analyzer
 ```
 
-### 
 
 
 

ngrx/src/app/shared/app.effects.ts

@@ -3,7 +3,7 @@ import { Action } from '@ngrx/store';
 import { Actions, Effect, ofType } from '@ngrx/effects';
 import { Observable } from 'rxjs/Observable';
 import { of } from 'rxjs/observable/of';
-import { catchError, map, mergeMap, delay } from 'rxjs/operators';
+import { map, mergeMap } from 'rxjs/operators';
 import { AppActionTypes, OrderFailed, OrderSuccess } from './app.actions';
 import { OrderService } from '../order.service';
 
@@ -14,13 +14,7 @@ export class AppEffects {
     ofType(AppActionTypes.ConfirmOrder),
     mergeMap(action =>
       this.orderService.post().pipe(
-        map(data => {
-          if (data) {
-            return new OrderSuccess();
-          } else {
-            return new OrderFailed();
-          }
-        })
+        map(success => success ? new OrderSuccess() : new OrderFailed())
       )
     )
   );

ngxs/src/app/shared/app.state.ts

@@ -28,8 +28,9 @@ export class AppState {
   confirm({ dispatch, patchState }: StateContext<AppStateModel>) {
     patchState({ status: 'pending' });
 
-    return this.orderService.post()
-               .pipe(tap(success => (success ? dispatch(OrderSuccess) : dispatch(OrderFailed))));
+    return this.orderService.post().pipe(
+      tap(success => (success ? dispatch(OrderSuccess) : dispatch(OrderFailed)))
+    );
   }
 
   @Action(OrderSuccess)