わからない言葉を、わからないままにしない。React基礎用語の学び直し！

はじめに

分からない単語（わかっている風な単語のこと）があるので
自分の言葉で説明できる様にするためにブログを書きます！

アジェンダ

• SPA
• ツールチェーン
• JSX
• トランスパイラー
• モジュール
• バンドラー

アウトプット

• SPA（Single Page Application)

  • 名前の通り、単一のページで構成されたアプリのことを指す！
    • 初回のアクセスでページ全体を取得したら、以降のコンテンツ更新はJavaScriptで行いページの切り替えは発生しない
    • データの取得（GET）や更新（POST）が必要な場合は、JavaScriptから非同期通信でサーバーにリクエストを送ることができる！

• ツールチェーン

  • Viteのように開発で利用するツール一式を指す
    • Vite:Reactアプリを開発するためのCLI
      • VIteは開発サーバーや本番様ビルド機能を提供するツール！

• JSX(JavaScript XML)

  • JavaScriptの中にHTMLのような記述ができる拡張構文！
    • ブラウザではそのまま拡張構文（JSX)を使用することはできないのでJavaScriptに変換しておく必要がある
      • この様な作業のことをトランスパイラー（ある言語で書かれたコードを別の言語のコードに変換する）という

• モジュール（まとまりのある機能単位）

  • アプリケーションのコードを機能単位に分別するための仕組みのこと
    • これを利用することでコードをファイル単位に分離できる様になる！
      • 分離されたコードはそれぞれ独立したスコープを持つので他モジュールへの影響を気にする必要がない！

• バンドラー

  • 複数のモジュールなどをまとめて、アプリケーションを効率よく読み込める形にするツール
    • その様な処理をバンドルといい、バンドルを担うツールをバンドラーという
      • 具体例
        • webpackなど

終わりに

普段、何気なく使用していますが分からないことがわからなかったり、理解をそのままにするのが嫌だったのでアウトプットしてみました！✨やっぱり、分からないことがわかる様になると面白いですよね！