How I'd do code splitting in Redux (pseudo code, not tested!)

reducers.js

import { combineReducers } from 'redux';
import users from './reducers/users';
import posts from './reducers/posts';

export default function createReducer(asyncReducers) {
  return combineReducers({
    users,
    posts,
    ...asyncReducers
  });
}

routes.js

import { injectAsyncReducer } from './store';

function createRoutes(store) {
  // ...

  const CommentsRoute = {
    // ...

    getComponents(location, callback) {
      require.ensure([
        './pages/Comments',
        './reducers/comments'
      ], function (require) {
        let Comments = require('./pages/Comments').default;
        let commentsReducer = require('./reducers/comments').default;

        injectAsyncReducer(store, 'comments', commentsReducer);
        callback(null, Comments);
      })
    }
  };

  // ...
}

store.js

import { createStore } from 'redux';
import createReducer from './reducers';

export default function configureStore() {
  let store = createStore(createReducer());
  store.asyncReducers = {};
  return store;
}

export function injectAsyncReducer(store, name, asyncReducer) {
  store.asyncReducers[name] = reducer;
  store.replaceReducer(createReducer(store.asyncReducers));
}

Does anyone have example of this working with SSR?

WEBPACK 2 example

here u r:

routes.js

  <Route
            getComponent={(nextState, cb) => {
              const name = "article",
                    page = System.import("./path/to/Page"),
                    reducer = System.import("./path/to/reducer");

              Promise
                .all([page, reducer])
                .then(result => {
                  const [page_component, async_reducer] = result;

                  injectAsyncReducer(store, name, async_reducer.default);
                  cb(null, page_component.default);
                });
            }}
            path="/path-to-something/"
          />

store.js (same, but only difference is pass initialState to check auth on server side and create store)

export default function configureStore(initialState) {
  const store = createStore(
    createReducer(),
    initialState,
    applyMiddleware(promiseMiddleware, thunk)
  );
  store.asyncReducers = {};

  return store;
}

serverMiddleware.js (update auth)

store = configureStore({auth: {
    user: req.user || null
  }});
...all_this_staff_with_match_etc

and yeah, u should include "auth" reducer in combineReducers before:

reducers.js

import auth from "./auth";

export default function createReducer(asyncReducers) {
  return combineReducers({
    auth,
    ...asyncReducers
  });
}

Just in case someone is interested.
I have implemented a running ssr example for next.js.

vercel/next.js#1459

Here's a solution for injecting the initialState in async reducers, suggested by @gaearon
https://gist.github.com/cvbuelow/ea7bd4deb7824fdb65d81cd2b8c60f5e