keshipi's blog

いつでも自分を振り返れるために書きます

redux-todosを雑に読む

Basic Tutorial: Intro | Redux

actions

index.js

  • それぞれのアクションを定義する
  • addTodoというアクションがある場合
    • Typeを定義する -> アクション名
    • Payloadを定義する -> パラメータ

components

Reactコンポーネントを定義する

containers

  • イベントとactionを関連づける -> actionをdispatchする
  • Reactコンポーネントに対してstateとdispatchを繋げる(connect)

reducers

アクションと現在のstateとから新しいstateを作る

index.js

Reducerを一つにまとめ上げる