今後の React ではどの範囲を Suspense で囲むかという設計が重要になってくる

はじめに 今後のReactではどの範囲をSuspenseで囲むか という設計が重要になってくる、という話をSuspenseの説明とともにしていきます！ ※React18がリリースされて１年近く経つので今更感あるかもしれませんが、お付き合いください。 Suspense とは React18で正式な機能として実装された機能 ※React16.6で実験的機能として追加されていた Suspense でできること データ取得中ローディング状態の宣言的な記述 コンポーネント単位でのSSR コンポーネント単位でのJSロード コンポーネント単位でのHydration Suspense は単にローディングを宣言的に記述できるだけの機能ではない Suspenseはローディングを宣言的に記述できるもの、といった内容を目にすることが多い印象です。 しかし、Suspenseは単にローディングを宣言的に記述できるだけ

[yamadar]

責務が明確になるのは良さそう

[hdampty7]

で、URLでアクセスされたときと、nextリンクされたときで呼ばれるイベントが違うので、ローディングがチラつくのは解消できるのかなぁ。SSRは複雑すぎて頭焦げそうになる。

[kazokmr]

コンポーネント単位で動的なHTMLを宣言的に書きつつ、サーバーでHTML生成が出来るので良さそう。suspenseが冗長的になっちゃうのが気になるけど。