NgRX-With-SubReducers

directory-structure.txt

app/
 +-store/
   +-route1/
     +-sub-reducer1/
       --sub-reducer1.actions.ts
       --sub-reducer1.effects.ts
       --sub-reducer1.model.ts
       --sub-reducer1.reducer.ts
     +-sub-reducer2/
     --route1.actions.ts
     --route1.effects.ts
     --route1.model.ts
     --route1.reducer.ts
   +-route2/

effect.ts

    @Effect() _save$ = this.update$
        .ofType(StagedEditActions.SAVE)
        .switchMap(() => {
            return this.store.select(x => x.route1).first();
        })
        .map(route1Data => this.service.save(route1Data))
        .map(requestId$ => {
            requestId$.subscribe(id => {
                this.store.dispatch(route1Actions.load(id));
            });
            return {type: 'noop'};
        });

route1.model.ts

interface Route1Model {
    subItem1?: SubModel1;
    subItem2?: SubModel2;
}

route1.reducer.ts

export function route1Reducer(state: Route1Model = 
    {
        subReducer1: {/* subReducer definition here */},
        subReducer2: {/* subReducer definition here */}
    }, action: Action) {
   // process action here
};

export const Route1Reducer: ActionReducer<Route1Model> = route1Reducer;

route1.reducerB.ts

    const reducerList = {
        subReducer1: subReducer1,
        subReducer2: subReducer2
    };
    let returnState = state;
    Object.keys(reducerList).map(item => {
        const newState = reducerList[item](state[item], action);
        if(newState !== state[item]) {
            const newItem = {};
            newItem[item] = newState;
            returnState = Object.assign({}, returnState, newItem);
        }
    });
    return returnState;

save.ts

save(event) {
    event.stopPropagation();
    this.store.dispatch(Route1Actions.save());
    return false;
}