Reactデザインパターンと実用的なHooksの組み合わせパターン。
コンポーネント間で共通のロジックを "use" で始まるフックとして切り出すパターン。UIとロジックを明確に分離できる。
親コンポーネントと子コンポーネントが協調して一つのUIを形成するパターン。HTMLのselect/optionのような関係。
コンポーネントがレンダリングするものをprops(関数)として受け取るパターン。ロジックとUIの分離が柔軟にできる。
Contextとカスタムフックをセットにして、グローバル状態を安全・便利に提供するパターン。
コンポーネントを受け取り、機能を追加した新しいコンポーネントを返す関数。現代ではカスタムフックが代替になることが多い。
「データ取得と状態管理をするContainer」と「UIのみを担当するPresenter(Dumb Component)」に分けるパターン。