これまでのJavaScript
- レンダリングコストが高い、コードの複雑化
→モダンJSでは仮想DOMを操作し、差分を出してからDOMに反映 - １つのJSファイルにすべての処理を記載していた
→ファイルを分けるようになったが、どこの変数を使っているのかなどわかりにくい
→npm/yarnなどのパッケージマネージャーを使用 - ES2015が機能追加が多くあり、近代JSの転換期と呼べる
モジュールバンドラーとは
複数のjs(css/image)ファイルを1つにまとめたもの
JSファイルは細かく分けたほうが効率はいいが、本番用にビルドする際に1つのファイルにまとめる
トランスパイラとは（BABEL）
新しいJavaScriptの記法を古い記法に変換してくれる
開発は新しい方でやって、実行するときに古い記法に変換してくれる
SPAとは（Single Page Application）
- モダンJSはSPAが基本
- HTMLは1つのみでJSで画面を書き換える
- メリットは画面遷移がスムーズにできる
- コンポーネント分割が容易になることで開発効率がアップする