<p>Next.js App Routerで個人プロジェクトを開発していましたが、RSCやClient Componentのレンダリングプロセス、ハイドレーションについての理解が足りないと感じました。</p>
<p>このスクラップで、有益なリンクや情報をまとめていきます。</p>


<h2 id="rsc%E3%82%92%E3%81%97%E3%81%A3%E3%81%8B%E3%82%8A%E5%AD%A6%E3%81%B6">
<a class="header-anchor-link" href="#rsc%E3%82%92%E3%81%97%E3%81%A3%E3%81%8B%E3%82%8A%E5%AD%A6%E3%81%B6" aria-hidden="true"></a> RSCをしっかり学ぶ</h2>
<ul>
<li><a href="https://react.dev/blog/2020/12/21/data-fetching-with-react-server-components" target="_blank" rel="nofollow noopener noreferrer">https://react.dev/blog/2020/12/21/data-fetching-with-react-server-components</a></li>
<li><a href="https://github.com/reactjs/rfcs/pull/188" target="_blank" rel="nofollow noopener noreferrer">https://github.com/reactjs/rfcs/pull/188</a></li>
<li><a href="https://github.com/reactwg/server-components/discussions" target="_blank" rel="nofollow noopener noreferrer">https://github.com/reactwg/server-components/discussions</a></li>
<li><a href="https://nextjs.org/docs/app/building-your-application/rendering" target="_blank" rel="nofollow noopener noreferrer">https://nextjs.org/docs/app/building-your-application/rendering</a></li>
</ul>
