Reactの1コンポーネントのレイヤードアーキテクチャ

Hooks時代の設計の話 #agrinoteinside - Speaker Deck

FCの責務はUIの表示である

FCにとっての最も理想的な凝集度が高く、結合度が低い状態は、Presentational Component

ロジックが一切ない

UI同士の凝集度、結合度問題は別途ある

hookを一つでも使うと結合度が少し上がる

どこまでこれやるかだが

できるだけ上位のコンポーネントでカスタムhookを使う

特に通信系などのhookは上位で

小さなstateぐらいならmoleculeぐらいにいてもまぁ良い

上から流す

外界との接続をカスタムフックに一本化する

これRNだと微妙にやりづらいイメージが有る

無限スクロール用の関数は、だいたいのカスタムフックから返すようにするとかかなー

コンポーネント視点での抽象化

Style面