JavaScript/Redux の履歴ソース(No.6)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• 履歴 を表示
• JavaScript/Redux へ行く。
  • 1 (2018-01-26 (金) 15:25:11)
  • 2 (2018-01-26 (金) 16:35:26)
  • 3 (2018-01-29 (月) 13:48:46)
  • 4 (2018-01-29 (月) 18:31:49)
  • 5 (2018-02-23 (金) 12:38:08)
  • 6 (2018-10-25 (木) 07:52:41)
  • 7 (2019-02-21 (木) 20:50:21)
  • 8 (2019-03-07 (木) 23:13:33)
  • 9 (2019-03-23 (土) 06:31:52)
  • 10 (2019-03-23 (土) 19:06:14)
  • 11 (2019-03-25 (月) 23:32:50)
  • 12 (2019-04-22 (月) 21:18:44)
  • 13 (2019-07-31 (水) 21:46:01)
  • 14 (2019-08-12 (月) 15:33:57)
  • 15 (2019-10-14 (月) 09:43:13)

-よくわからん

#contents

*構成要素 [#wd0f6ca8]

|Store|状態の親玉。でっかいJSONイメージ。subscribeメソッドを実装すると変更検知ができる。dispatchもstoreから行う|
|Action|名前であるTYPEと中身データのpayloadを持つ。Storeを変えたければActionをコールするところから始まる|
|ActionCreator|Actionオブジェクトを返す|
|Reducer|以前の状態とActionを組み合わせて、新しいStateを作り出す|
|Router|パスとコンポーネントを結びつける|

Router(パスへの追加)→connectでつないだコンポーネント→

**Action [#i9b2fd0a]

**Reducer [#j1c94a95]

--「Reducer」は状態とアクションを受けて、新しい状態を返す関数である。
--FLUXとの相違点はReduxにはdispatcherがない。(Reducerで担う)

**State [#b7f70bec]



*ツール [#baf48dcb]

react developer tools(ReactのページでElementタブの右端に出てくる)


*参考サイト [#w96305db]

http://numb86-tech.hatenablog.com/entry/2016/11/20/124316
https://blog.mismithportfolio.com/web/20161107reactrouter

*その他 [#ud04f5d5]

-axios Promise(thenで成功、失敗処理を記載）対応のHTTPクライアント
-babel トランスパイラ
-express
-react-router-redux
-redux-actions

#counter