最近流行りの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
- reducersDucks
- src
- containers
- modulesmodule
- Reducerは
export defaultで定義する - ActionCreatorは
exportで定義する - Actionは定数で定義する