react-native + redux で hot reloading でのエラー対応

ベタに書くと、 Redux 2.x からは Hot Reloading に失敗してエラーが出る。

const store = createStore(reducers);

class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <View>
          <Router />
        </View>
      </Provider>
    );
  }
}

export default App;

対応法

store の動的差し替え出来るようなコードにする。

function configureStore() {
  return createStore(reducers);
}

class App extends Component {
  state = {
    store: configureStore(),
  };
  render() {
    return (
      <Provider store={this.state.store}>
        <View>
          <Router />
        </View>
      </Provider>
    );
  }
}

export default App;

It works!