React Server Components（RSC）について

  <p>
    React Server Components（RSC）は、React
    18で導入された新しいコンポーネントのタイプで、サーバーサイドでレンダリングを行うことで、クライアントサイドのJavaScriptバンドルサイズを削減し、初期表示のパフォーマンスを向上させる技術です。
  </p>
  <h2>特徴</h2>
  <ul>
    <li>
      <strong>サーバーサイドでのレンダリング：</strong>
      サーバー上でコンポーネントをレンダリングし、その結果をクライアントに送信。
    </li>
    <li>
      <strong>非同期処理のサポート：</strong> `async/await`
      を使用した非同期処理が可能。
    </li>
    <li>
      <strong>クライアントコンポーネントとの組み合わせ：</strong>
      ユーザーインタラクションが必要な部分はクライアントコンポーネントとして実装。
    </li>
  </ul>
  <h2>メリット</h2>
  <ul>
    <li>
      <strong>パフォーマンスの向上：</strong>
      クライアントサイドのJavaScriptバンドルサイズが削減され、初期ロードが速くなる。
    </li>
    <li>
      <strong>セキュリティの強化：</strong>
      サーバーサイドでデータ処理を行うため、機密情報をクライアントに送信しない。
    </li>
    <li>
      <strong>開発体験の向上：</strong>
      データフェッチやビジネスロジックの実装が容易になる。
    </li>
  </ul>
  <h2>参考サイト</h2>
  <br />
  <CustomLink href="https://zenn.dev/yuu104/articles/react-server-component">
    React Server Componentsを理解したい - Zenn React
  </CustomLink>
  <br />
  <CustomLink href="https://postd.cc/server-components/">
    Server Componentsを理解する - POSTD React Server
  </CustomLink>
  <br />
  <CustomLink href="https://postd.cc/how-react-server-components-work/">
    Componentsの仕組み：詳細ガイド - POSTD
  </CustomLink>
  <br />
  <CustomLink href="https://ja.react.dev/reference/rsc/server-components/">
    サーバコンポーネント - React
  </CustomLink>