Redux入門 4日目 Reduxの基本・Stores(公式ドキュメント和訳)

前回 Redux入門 3日目 Reduxの基本・Reducers

前回に引き続き、今回はStoresについてです。

2.3 Stores

Storesの役割は、

• stateを保持する
• stateへアクセスするためのgetState()を提供する
• stateを更新するためのdispatch(action)を提供する
• リスナーを登録するためのsubscribe(listener)を提供する

Reduxではstoreは必ず一つにしてください。
dataごとにロジックを分割したい場合は、storeを分割せずにreducer compositionを使用してください。

storeをつくるには、combineReducerでつくられたreducerをcreateStore()へ渡します。

import { createStore } from 'redux'
import todoApp from './reducers'
let store = createStore(todoApp)

stateの初期値を渡したい場合にはcreateStoreの第２引数に入れます。

let store = createStore(todoApp, window.STATE_FROM_SERVER)

ここまで来ると、UIはまだ作成されていませんがReducerとactionCreatorのテストを作ることが出来ます。

続き Redux入門 5日目 Reduxの基本・Data Flow