エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
はじめに 最近、Next.jsのApp RouterでもRemixでも開発することが多々あります。 そこで、要件によって... はじめに 最近、Next.jsのApp RouterでもRemixでも開発することが多々あります。 そこで、要件によっては1ページで複数のデータフェッチを行うことがあり、その際に興味本位ですが、直列と並列でパフォーマンスを比較してみました。 その結果とともに、RSC環境だったり、Reactのフレームワークでは複数のデータフェッチは並列でやることをおすすめしたいと思い、本記事を記述しようと思いました。 TL;DR データ取得が完了するまでコンポーネントはレンダリングされない ユーザーのリクエストに対してレンダリングはなるべく早く完了させる 複数のデータフェッチは並列にしよう 直列・並列のデータフェッチとは まず、初心者の方向けに直列と並列のデータフェッチに違いを解説します。 ※(注記) 知っているよという方は本項は飛ばしてください 直列の処理 まずは直列の処理ですが、以下のような記述のことを指します