React Webアプリ(クライアントサイド)用のボイラープレート
- webpack
- babel
- react
- redux
- styled-components
- app
- エントリポイントおよびアプリ間共通で使用するコンポーネント群(ヘッダー、トースト、エラー、etc.)
- pages
- ページごとのコンポーネント(Class Component)
- redux storeから値をもらったり、dispatchするのはここ
- components
- app, pages以外のコンポーネント(React Hooks, Functional Component)
- modules
- reducerごとにAction, ActionCreator, Reducerを管理(Ducksのデザインパターン)
- utils
- 便利メソッド群
※ 個人でつくるサービスの規模感的にこの構成でいいでしょうという判断