簡単にいうと
Client Componentは、useStateやuseMemoなどのReact Hooks、クリックや入力イベント、ブラウザAPIを使うUIで必要になります。
検索フォームの入力状態や絞り込み結果の更新など、利用者の操作に応じて変わる画面はClient Componentとして分けると実装しやすくなります。
どんな場面で使うか
- 検索フォーム
- モーダル
- 入力途中の絞り込み表示
Next.js
Client Componentとは
Next.js App Routerで、ブラウザ側の状態管理やイベント処理を担当するReactコンポーネントです。