開始行:
#contents 勉強がてらまとめたものです。違うこと書いてるかもなので注... * Store [#ba1176f0] React/Reduxにおいて、''State''を管理する''Store''はただひ... ''Store''がただひとつだけであるのは、制御の流れをシンプル... 「グローバルにたったひとつ！？正気で言ってんのか！？」と... * State [#ja9480f9] 画面表示の対象にするデータが''State''です。 ''State''は''Store''においてのみ更新することができます。... * Action [#t01d7b4c] ''State''を更新するきっかけになるのが''Action''です。 ''Action''は単にオブジェクト（を返却する関数）で、''State... たとえば次のような''Action''を作ることができます。 const inputNumber = (number) => ({ type: ActionTypes.INPUT_NUMBER, number }) * Reducer [#kb692673] ''Action''をもとに''State''を更新するのが''Reducer''です。 ''Reducer''は単に新しい''State''を返却する関数です。''Act... 次のように''Reducer''は単に関数です。 const HogeReducer = (state = initialState, action) => { // actionの種別によって分岐などして新しいstateを作成し... return { ...state, // 更新内容 } }

終了行:
#contents 勉強がてらまとめたものです。違うこと書いてるかもなので注... * Store [#ba1176f0] React/Reduxにおいて、''State''を管理する''Store''はただひ... ''Store''がただひとつだけであるのは、制御の流れをシンプル... 「グローバルにたったひとつ！？正気で言ってんのか！？」と... * State [#ja9480f9] 画面表示の対象にするデータが''State''です。 ''State''は''Store''においてのみ更新することができます。... * Action [#t01d7b4c] ''State''を更新するきっかけになるのが''Action''です。 ''Action''は単にオブジェクト（を返却する関数）で、''State... たとえば次のような''Action''を作ることができます。 const inputNumber = (number) => ({ type: ActionTypes.INPUT_NUMBER, number }) * Reducer [#kb692673] ''Action''をもとに''State''を更新するのが''Reducer''です。 ''Reducer''は単に新しい''State''を返却する関数です。''Act... 次のように''Reducer''は単に関数です。 const HogeReducer = (state = initialState, action) => { // actionの種別によって分岐などして新しいstateを作成し... return { ...state, // 更新内容 } }

ページ名: