SPAの特徴を簡単に振り返るための忘備録としてまとめたものです。
React.jsやVue.jsのようなフレームワークはSPA（Single Page Application）で作成されている。
SPAは、1つのHTMLファイルでJavaScriptによるDOM操作でサーバー側にリクエストして取得したデータを画面に反映させたり画面遷移を実現することができる仕組みのことを指します。
SPAが登場する前の従来のWebシステムだと、ページ遷移のたびにサーバーにリクエストを投げて、サーバーからHTMLを返却していた。
従来のWebシステムだとHTMLを返却するため、画面が一瞬白くなる現象が起こります。
画面が一瞬白くなる現象だったり、画面操作のストレスなどのデメリットを解消できるのが、SPAの大きな特徴です。
SPAのメリットばかり話しましたが、デメリットとしては、最初の読み込みが重いです。
以上、個人学習をした学びについて忘備録をまとめたものになります。
まとめ
従来のWebシステム: HTMLを返却する
SPA: 1つのHTMLのみでJavaScriptによるDOM操作ができる