Glad to hear that you resisted the siren song of a big SPA FOR EVERYTHING that someone are following these days.
Because you're having multi pages, each page is consider as 1 independent React app, so each needs 1 Redux
store. However, in many pages of you app, only jQuery
or pure React
may be enough. So my answer is just simple: use Redux
on pages that have complex state management, rich user interaction and high demand of code maintainability.
About the Redux store, you don't need a shared store across pages as you've already have the very good old one that drives the Internet for decades: server session. Just populate this shared value to window.__INITIAL_STATE__
every time the pages are rendered. cookie
, local storage
, ... are some alternatives but I don't think they are really necessary.