🐿 2021/12/12 今日の積み上げ
作成日: 2021/12/12
1

Redux基礎

  • Actionsの役割
    アプリからStoreへデータを送るためのpayloadを渡す。
    アプリから受け取ったデータをReducersへ渡す。
    どんなデータが渡されるのか、データだけを記述するため。
  • Reducerの役割
    変更を管理する役割。Actionsからデータを受け取り、Storeのstateをどう変更するのか決める。Store内のstate(状態)管理。
    • initialState
      initialStateにはStoreの初期状態を記述する。アプリに必要なstateをすべて記述し、exportしておく。
    • Reducers
      actionsファイル内のモジュールをすべて(Actionsという名前で)import
      、initialStateをimport
      第1引数にstate、第2引数にactionsがreturnした値
      Actionsのtypeに応じてstateをどう変更するかが決まる。

実績作成【Reactの中級】(Techpit)

  • 1章 : 新規 React アプリの作成
    • 1-2 スネークゲームのコンポーネントを切り出す
      ※途中まで実際手を動かして作業中