React 18に備えるにはどうすればいいの？ 5分で理解する - Qiita

React 18はReactの次期メジャーバージョンで、2021年の6月にalpha版が、11月にbeta版が出ました。また、Next.js 12でもReact 18のサポートが実験的機能として追加されました。React 18の足音がだんだんと我々に近づき、アーリーアダプターではない皆さんの視界にもいよいよReact 18が入ってきたところです。 特に、React 18ではServer-Side Rendering (SSR) のストリーミングサポートが追加されます。現在ReactでSSRを行いたい人の強い味方としてNext.jsが存在しているわけですが、Next.js 12でもReact 18を通してストリーミングの恩恵を受けることができます（Next.jsではSSR Streamingと呼んでいるようです）。また、厳密にはReact 18とは別ですが、React Server Comp

[kibitaki]

いつになったらReact縛り案件に巡り合って予算で学習できるかなぁ。

[rirukarinka]

概要わかった気になれたのでありがたい！

[anonruru]

いつも思うんだけど、この人文章力あるよな。ありがたや。

[shingo-sasaki-0529]

複数の非同期コンポーネントをまとめて <Suspense> で束ねられるってのは目からウロコだった

[easy-breezy]

コンポーネントの中のifが減る仕組みは治安が良くなるのでとてもよい

[nasikusa_moove]

React 18 がベータになったので、もうちょっとで来そう！とのことでやったーとなりました。 React 18 は Suspense ( 非同期まわりの機能 ) が目玉機能みたいですね。

[Nyoho]

suspenseめっちゃいいじゃん

[kako-jun]

ホントはVueを選んであげたいけど3の普及が遅いし、Reactはやっぱり便利。ReactはMeta Platforms, Inc.の持ち物で、それに乗っかってるNext.jsはVercel Inc.の持ち物で、囲い込まれは最小にしたいのでNext.js無しでSSRできるのは嬉しい

[mayumayu_nimolove]

↓いい加減偉そうなこと言う前にアイコン設定したら？いつまでも初心者じゃないんだから

[kasuke18]

“従来はif (isLoading)のような手続き的なプログラムだったところがSuspenseコンポーネントという宣言的な方法になった”

[joltkun]

“「内部のコンポーネントがレンダリングを投げ出して（サスペンドして）しまった場合に対処する」という役目のコンポーネントがReactから提供されます。それこそがSuspenseです。”

[CardamomPowder]

DBから初期値のデータ取ろうとする時に、初期値に入る値の関係で親コンポーネントで取ってから子コンポーネントに渡してたんだけど、それが無くなって責務もスッキリしそう。

[yarumato]

“答えはとにかくSuspenseを理解しろです。Suspenseのコンセプトさえを理解すれば、ストリーミングSSRやReact Server Componentsはその応用として理解できます。”