brakmic

const vrModuleReducer: ActionReducer<IVrModule[]> = (state: IVrModule[] =
                                                    initialState, action: Action) => {
  switch (action.type) {
    case VR_MODULE_REMOVED:
      return _.filter(state, (mod) => mod.id === action.payload.id);
    case VR_MODULE_ADDED:
      return _.concat(state, action.payload);
    default:
      return state;
  }

brakmic

const appStore = provideStore(
                                {
                                  vrModule: vrModuleReducer
                                },
                                {
                                  vrModule: this.vrModule
                                }
                              );

brakmic

/**
* Initialize subscriptions and get app state via @ngrx (Redux implementation for Angular2)
*/
public ngOnInit() {
  [....snip...]
  this.availableModules = <Observable<IVrModule[]>> this.store.select('vrModule');
  [....snip...]
}

brakmic

export interface ICustomerActions {
  INIT:        string;
  INIT_FAILED: string;
  INITIALIZED: string;
  SELECTED:    string;
  CHANGED:     string;
  SAVED:       string;
  DELETED:     string;
}

brakmic

export class InitCustomerAction implements Action {
  type = CustomerActionTypes.INIT;
  payload: ICustomer = null;
}

export class InitializedCustomerAction implements Action {
  type = CustomerActionTypes.INITIALIZED;

  constructor(public payload: ICustomer) { }
}

brakmic

export type CustomerAction
  = InitCustomerAction
  | InitializedCustomerAction
  | InitFailedCustomerAction
  | CustomerSelectedAction
  | CustomerChangedAction
  | CustomerDeletedAction
  | CustomerSavedAction;

brakmic

import { Injectable } from '@angular/core';
import { Action } from '@ngrx/store';
import { ICustomer } from '../../interfaces';
import * as customer from '../customer.actions';

@Injectable()
export class CustomerActions {
  public customerInit() {
    return new customer.InitCustomerAction();
  }

brakmic

import { ICustomerState, initialCustomerState } from '../states/sub-states';
import { CustomerAction, CustomerActionTypes } from '../actions';

export function customerReducer(
    state: ICustomerState = initialCustomerState,
    action: CustomerAction
): ICustomerState {
  switch (action.type) {
    case CustomerActionTypes.INITIALIZED:
      return (<any>Object).assign({}, state, {

brakmic

return (<any>Object).assign({}, state, {
        customer: action.payload
      });

brakmic

// Application state is like a database. 
// Currently our 'database' comprises of a single table
// that can be modified by a certain reducer.
// The sub-state's name in IAppState corresponds to
// reducer's name in reducers object.
export interface IAppState {
    customerState: fromSubstates.ICustomerState
};

// and we have only a single reducer here