code splitting with redux

connect.js

export function connect(...stores) {
  let filter = s => s;

  if (!stores[stores.length - 1].__reduxName)
    filter = stores.pop();

  let connector = reduxConnect(
      filter.length > 1
        ? (state, props) => filter(storesState(state, stores), props)
        : (state) => filter(storesState(state, stores))
    , null
    , null
    , { withRef: true }
  )
  return Component => {
    let WrappedComponent = connector(Component)
    WrappedComponent.connectedReducers = stores
    return WrappedComponent
  }
}

createReducer.js

let globalReducers = {};

export function createReducer(name, reducer) {
  if (typeof name !== 'string')
    reducer = name, name = reducer.name;

  invariant(name,
    'Reducers must have a name, either provide one directly to `createReducer` or name the function.')

  reducer.__reduxName = name;

  globalReducers[name] = reducer

  redux.replaceReducer(
    combineReducers(globalReducers));

  return reducer
}

reducer.js

export createReducer('user', function(state, action){
  
})

usage.js

import userReducer from './reducers/user';

let connector = connect(userReducer, ({ users }) => ({ users }))

let AwesomeComponent = connector(
  React.createClass({
    ...
  })
)