いよいよ完走まであと5日。95日目に「優先順位（Transition）」を学び、アプリの「滑らかさ」を追求しました。本日96日目は、React 18のもう一つの目玉であり、モダン開発の必須知識「Suspense と Data Fetching（データの読み込み待機）」を学習します。 「Loading..

今年の8月にMarvelに入社させていただきました、亀山和希と申します。 普段は、Next.jsを使ったWebアプリの開発に携わらせていただいております。 まだまだ新米エンジニアですが、僭越ながらアドベントカレンダーのバトンをつなげさせていただきます。

Rename unstable_Placeholder to Suspense, and delayMs to maxDuration. (@gaearon in #13799 and @sebmarkbage in #13922) とあり、Suspenseが正式に追加されていました。 これはかつて React.Timeoutだったり、React.Placeholderだったりしたものです。

この記事について Reactの並行処理機能は、普通の「実装の詳細」と比べてより重要なものであり、Reactのコアのレンダリングモデルに対する本質的な変更です。ですので並行処理の動作について詳しく知ることがもの凄く重要ということではないにせよ、どのようなものかについて高レベルの ...