カスタムフックとreact-reduxのHooks APIでビジネスロジックとビューを完全分離する - Qiita

ビジネスロジックをビューから分離する React 16.8以降の機能でReact Hooksが使えます。 useStateやuseEffectなどを利用することでFunctinal Componentにstateやライフサイクルをもたせることが可能になります。 また、独自のカスタムフックを定義することでJSXからビジネスロジックの分離が可能になります。 カスタムフックの作成（公式） https://ja.reactjs.org/docs/hooks-custom.html Reactで普通に開発をしてしまうとコンポーネントが肥大化してしまう問題が発生するため、 カスタムフックを定義してビジネスロジックをビューから分離することでメンテナンスしやすくなります。（テストもしやすい） カスタムフックはDOMを持たないので通常の関数と同じようにstateなどの値の戻り値を返却します。 ビューから分離