generated at
SSR
Server Side Renderingのこと
サーバサイドでReactコンポーネントをHTMLをレンダリングすることでユーザーがインタラクション可能なUIの表示を高速化する

しくみはこの図が良い by Dan Abramov
SSRをしない場合、Reactのページを見るとき、JSのロード中はユーザーには何も表示されない
SSRをするとHTMLが表示できるので、基本的な要素(formなど)はインタラクション可能
ただしJSが読み込まれるまでは当然JSは動かない
JSがロードされたらHTMLにevent handlerが有効になる
コンポーネントをHTMLレンダリングし、event handlerをくっつけることをhydrationという

なぜSSRが必要か?
主にSEOの観点で利用される
この人はパフォーマンス改善に重きを置いている目的にやっている
>Server Side RenderingにおけるFirst Viewのパフォーマンス改善とはどこを指すかというと、「Navigation Start」から「First Meaningful Paint」までです。
2021-02-05 SSGが使えないかまず検討したほうがいい
デメリット:Google BotのCSRコンテンツに対するインデックスが数時間遅れる
メリット:Nodeサーバを持たなくてよい



SSRするべきか?
>SSR: SEO 対象 => お客さまの情報に依存しない部分で且つ Public なページ
> CSR: SEO 対象外 => お客さまの情報に依存する部分 または Private なページ
メルカリShopsの基準

SPAと違ってサーバーが必要