Feature Request: use an already created store.

[dlmanning]

I'm aware I'm already pretty far out on a limb here, but my project uses both react (via ngreact) and angular. We've been using redux for the react part of the application, and I'm not working to bring it to the angular portion using your module. (Great work, btw!)

We already have a redux store, and would like to just share it between the react and angular portions instead of keeping two stores in parallel by sharing the reducers. Would that be as simple as adding a .useStore() method to ngReduxProvider?

[dlmanning]

So, having looked at the source and seeing how this is actually implemented, I can see getting this to work is a little trickier than I thought. The digestMiddleware needs $rootScope. For my particular needs, I'm going to create the store in angular and pass it through ngReact into the Provider component.

Edit: Yup, that works.

[wbuchwalter]

Hey David,
Yea creating the store in angular is your best bet, this how it is done in the counter example.
That said, removing createStoreWith is on my todo list, to add more flexibility, but I have yet to find a way to do that while still allowing injectable middlewares and not being painful to use.

[punmechanic]

Why the wontfix? is it because of the injectable middleware issue?

[reinseth]

@wbuchwalter: what if you remove the digest middleware altogether, and do $evalAsync in the connect function?

I see two benefits with this approach:

1. Fewer calls to $evalAsync as there are more actions than there are actual state changes (which the connector takes care of to detect) - this will be a performance benefit, especially if you have lot's of actions which does not affect the state of the components (e.g. a ticker for an audio player that updates the current track/segment title on every position update).
2. Flexibility: the store can be created outside of angular.

[alejandroiglesias]

I would like to use this feature as well to share a store between React and Angular. No work on this happened?

[mischkl]

I am interested in sharing the store between Angular 1 and Angular 2 (via ng2-redux). This is actually one of the main reasons I plan on using ng(2)-redux instead of ngrx, so that it integrates better with ng1 and eases the transition for a project that is being migrated. Is there an easy/recommended way of doing this?

[AntJanus]

Hey all, I added this to the milestones for the 4.0.0 release. In the meantime, you can easily provide an existing store via an enhancer that runs first:

import myStore from '../shared/store'; // initial store setup using plain Redux

function storeProviderEnhancer() {
  return () => myStore;
}

// ... in AngularJS
$ngReduxProvider.createStoreWith(state => state, [], [storeProviderEnhancer]);

// ... in Angular using angular-redux/store
this.ngRedux.provideStore(store as Store<IAppState>);

[rshackleton]

@AntJanus using your example above seems to position the digest middleware first rather than last and this the digest loop is not updated at the correct time. Also it seems to end up causing two separate middleware chains if middleware have been configured on the original store.

http://redux.js.org/docs/faq/StoreSetup.html#is-it-ok-to-have-more-than-one-middleware-chain-in-my-store-enhancer-what-is-the-difference-between-next-and-dispatch-in-a-middleware-function