Simple way to do code splitting for Redux

twitter logo github logo ・1 min read

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!

twitter logo DISCUSS
Classic DEV Post from Apr 9

If I don't use React, am I still a developer?

A self-taught developer, more confident in his abilities than ever, feels he's just a hack because he doesn't understand anything anymore

Truong Hoang Dung profile image
I hate technical debts, very much. Learning to clean debt out of my life.