Next.js の状態管理 2020

Next.js といえば、SSG（JAMstack）が最近は特に話題ですね。1年前まではgetInitialPropsを用いて、どう SSR するのかという事が話題の中心でした。Next.js 9.3 以降、SSR をする際にはgetInitialPropsではなくgetServerSidePropsを使用することを推奨すると記載されています。（そして、getInitialPropsを使用することで自動最適化が無効となってしまう旨も）getStaticPropsやgetServerSidePropsを利用することで、私たちは SSG・SSR をページ単位で切り替えることができます。 「SSG・SSR」が共存する可能性がある場合、SSR にはgetServerSidePropsを利用することになります。この変化による影響範囲は多大で、状態管理とデータフェッチについて、再考する必要がでてきまし

[atico]

Contextに対するConsは思い込みな気が。 ・メモ化観点で Redux(reselect) に劣る 理由が不明 ・再描画最適化を目指すほど、Provider を分割し幾重にも重ねる必要がある App.tsxに限られていて、Dan abramobさんも”So what?”と言っている

[ssig33]

SSG ブン投げてパフォーマンス要件は CDN におまかせすればすべてが楽になるというのがわかる、逆にいうと next.js 作ってる人達 CDN まわりが弱いのでこのようにプロダクトが歪んでるんだよな

[ogawa0071]

いやいや、Vercelは 76.76.21.21 ってカッコいいAnycast IPアドレスで独自CDNを運用してるっぽいですよ。

[efcl]

React Context, Redux, SWR/React Queryのステートの描画について