vanillaJS+redoxからredox storeを分離する

TOC

ReduxStoreから

を分離
stateを個別に管理するredoxではstoreはindexです.jsx, App.jsxに混ぜると
これは、個別管理の最大の利点を破壊します.
それを別々に管理します.
方法は簡単です.

// index.js
import { reducer, store } from './Store';
import { getState } from 'redux';

console.log(store.getState());

// store.js
import { createStore, getState } from 'redux';

const reducer = (state, action) => {
  if (state === undefined) {
    return { name: 'undefined' };
  }
};
const store = createStore(reducer);

export { reducer, store };

store.js生成store、reduceを生成します.
別々の出口.
index.jsは、エクスポートされたモジュールをそれぞれ受信および使用する.