Simple way to do code splitting for Redux

Most of documentation, tutorials, youtube videos taught you how to create your own Redux Store. It's sweet. But let's make it better.

How about you want to do code splitting with your Redux store ?

By code splitting Redux store, i mean, in some cases, you don't want to import all of your Redux actions to be used in a React component, for example, on /login page, you just want to import login action only.

The solution is dead simple !

Just use the old school window.REDUX_STORE_LOGIN for /login route.

window.REDUX_STORE_LOGIN = createStore(...)

Do this when user is accessing /login route.

And do the same for all of your routes to split your Redux store to the max.

Happy reduxing!