Maintaining State / Redux Store Across Pages about next-redux-wrapper

[kirill-konshin]

Redux store is always top level and is preserved between page transitions. Server side creates a new store only when you initially hit the page, later, when you navigate, server does not send you any data, all new data is requested by client. The store is shared between all pages on client unless you reload the page or open page in a new tab, or something like that.

Ideally server should be stateless, so it can provide only common data that does not belong to any user or session, so in this case you dispatch some common actions from getInititalProps and dispatch authorized actions elsewhere of conditionally (only on client) from getInitialProps.

[mojo5000]

Thank you for the quick response.

Doh - I think I was resetting via a dispatch in getInitialProps.

[vaibhav-kona]

State gets reset when navigated in between pages even though I am setting initialState in the createStore from params

Page A

Page B

Store setup:

import { createStore, applyMiddleware } from 'redux';
import logger from 'redux-logger';
import indexForReducers from './common/indexReducer';

const initStore = (initialState) => {
  return createStore(indexForReducers, initialState, applyMiddleware(logger));
};

export default initStore;

[kirill-konshin]

Looks like your navigation makes a full page transition instead of client side routing. Make sure you don’t reload the page. Also you should not use url for initial state, use it in actions instead.

[vaibhav-kona]

I am using next-routes for routing. I will try and see if i can prevent full page transition with it