generated at
SPA
>A single-page application (SPA) is a website that re-renders its content in response to navigation actions (e.g. clicking a link) without making a request to the server to fetch new HTML.
ページをリロードしない。かわりにJavaScriptでDOMを操作して画面をレンダリングする。データはAjaxで取得する


なぜSPA?
SPA以前(~2013ごろ?)
静的なHTMLがページごとに配信されていた
RailsとかPHPのテンプレートエンジンとかでつくるとこうなる
ネイティブアプリっぽい挙動をさせることができる
画面遷移が早い

昔はこうだった(サーバーサイドでHTMLを生成してはく。テンプレートエンジンとかつかう)
SPA登場(React登場は2013年)
おしすすめるとBlitz

課題
読み込まれるJSのサイズが大きいのでFCPTTIが悪化する
SSRでこれは解決できる