SRC(React Server Component)とは

学び

CSR(クライアントサイドレンダリング):初期画面表示が遅い

SSR(サーバーサイドレンダリング):HTMLだけサーバーでレンダリング

データフェッチをServer Componentsでやる

feach関数は非同期処理のためsysnc awaitを使う

非同期コンポーネントでuse Clientはつけれないため、RSCの恩恵を受けることができる

→nextjsはfetch関数を使う

× use clientをつけたらclient componentsになる

〇 server componentsとclient componentsの境界線

use clientを乱用するな

use clientをつけるとそこでimportされた子コンポーネントは自動でclient componentになるから

use clientをつかうとき

・React hooksを使うとき

・React独自のライブラリを使うとき


hikariの画像
hikari

hikari has shared 6 reflections. Discover new insights this platform.