Ducks

最近流行りのDucksを使ってみたのでメモ。

Ducksとは？

React+Reduxのディレクトリ構成です。 他にredux-wayがあります。

Reduxの登場人物

• action（action creator）
• container
• constant
• reducer

redux-wayは登場人物毎にディレクトリを分けるのに対して、 DucksはAction、ActionCreator、Constant、Reducerをmoduleという1ファイルに纏めてしまいます。（これらは密結合なので）

redux-way

- src
  - actions
  - constants
  - containers
  - reducers

Ducks

- src
  - containers
  - modules

module

• Reducerはexport defaultで定義する
• ActionCreatorはexportで定義する
• Actionは定数で定義する

参考

Ducksというデザインパターン