ngrx

I have a very simple state in my store: const state = { records: [1,2,3], }; I have a selector for records: export const getRecords = createSelector(getState, (state: State) => state.records)); And what I want now is to have separate selectors for fetching each record by index. For this purpose I want to create one generic selector with props in this way: export const getRecordByIndex = createSelector( getRecords, (state: State, { index }) => state.records[index]), ); And after that create a couple of specific selectors e. g.: export const getFirstRecord = createSelector( getRecordByIndex(/*

Recently NGRX/Entities have been introduced: https://medium.com/ngrx/introducing-ngrx-entity-598176456e15 https://github.com/ngrx/platform/tree/master/example-app And since they are made in a way that an adapter handles a (read: one, single) map-datastructure and on initialization then gets the rest of the reducer state, I was wondering... Is it possible to hold multiple Entities in one reducer/adapter? The interface says no but maybe there is a hack or it is planned for the future? What if I already have multiple maps in one reducer? Am I forced to split it up or avoid the Entities feature?

Structure 1 reducers index.ts //Combine all reducers user.reducer.ts product.reducer.ts actions index.ts //Combine all actions user.action.ts product.action.ts effects index.ts //Combine all effects user.effect.ts product.effect.ts selector //Combine all selectors user.selector.ts product.selector.ts OR user user.reducer.ts user.action.ts user.effect.ts user.selector.ts product product.reducer.ts product.action.ts product.effect.ts product.selector.ts reducers.ts //Combine all reducers actions.ts //Combine all actions effects.ts //Combine all effects selectors.ts //Combine all selectors I have

I am trying to write unit tests for a service in Angular. I want to mock the store.select function of ngrx, so I can test how let's say, a service, reacts to different values returned by the store selectors. I want to be able to mock each selector individually. My main problem is how to mock parametrised selectors. I have previously used a BehaviourSubject that I map to the select function, but this doesn't allow you to return different values for different selectors. It is not readable because it is not obvious what selector you are mocking. Opt 1: Mock Store using subject: impossible to know

I'm trying to use ngrx in a resolve in my app and for some reason it's not working. This is how I got it previously, using a simple service in my resolve route: resolve() { return this.service .getData() .map(data => data.pages.filter(page => page.parent === 'home')); } I then changed it into this: resolve() { this.store.dispatch(new LoadConfigAction()); return this.store .select('configuration') .do(data => console.log(data)) .map((data: any) => data.pages.filter(page => page.parent === 'home')); } I get data in my console, so data is being retrieved, but the resolved is apparently not

I am having an issue with the ngrx store not dispatching an action to the effect supposed to deal with it. Here is the component that tries to dispatch: signin() { this.formStatus.submitted = true; if (this.formStatus.form.valid) { this.store.dispatch(new StandardSigninAction(this.formStatus.form.value.credentials)); } } The actions: export const ActionTypes = { STANDARD_SIGNIN: type('[Session] Standard Signin'), LOAD_PERSONAL_INFO: type('[Session] Load Personal Info'), LOAD_USER_ACCOUNT: type('[Session] Load User Account'), RELOAD_PERSONAL_INFO: type('[Session] Reload Personal Info'), CLEAR