React Redux

ReactとReduxを併用するポイント

1. react-reduxパッケージをインストール

2. ストアを作成する。
   const store = createStore(dispatchFunction, defautlStateValue)
dispatchFunctionについて、composeReducers()を活用できる。

3. Providerを利用して、ストアと紐付け

   ReactDOM.render((
   <Provider store={store}>
       <AppRootComponent />
   </Provider>
   ), rootElement);
   

4. 各Widgetにconnectを使って、ストアとpropsにマッピングする。

   conncet([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])(Widget: (all props) => Node) => Widget(ownProps) => Node

   1. mapStateToProps(state, [ownProps]) => stateProps
      ストアのステータスをプロパティにマッピングする関数。
   2. mapDispatchToProps(dispatch, [ownProps]) => dispatchProps
      イベント関数を生成する機能、イベントのパラメータをActionに編集し、dispatchで処理する関数一覧を提供する。
   3. margePropsにvoid 0（a alternate for undefine）を渡す。
   4. optionsについて{ pure: true }を使うと、Pure Componentを作成される。