redux

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

More than 1 year has passed since last update.

前回 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の第2引数に入れます。

let store = createStore(todoApp, window.STATE_FROM_SERVER)

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

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