ES6 (ECMAScript 6)
ECMAScript は JavaScript の文法仕様であり、ECMAScript は JavaScript 言語の国際標準であり、JavaScript は ECMAScript の実装です。
React
React は、効率的で高速なユーザーインターフェイスを構築するためのシンプルな JavaScript UI ライブラリです。軽量なライブラリなので人気があります。コンポーネント設計パターン、宣言型プログラミングパラダイム、および関数型プログラミングの概念に従って、フロントエンドアプリケーションをより効率的にします。仮想 DOM を使用して DOM を効率的に操作します。上位コンポーネントから下位コンポーネントへの一方向のデータフローに従います。

宣言型プログラミングパラダイム:方法ではなく、何を行うかに焦点を当てたプログラミングパラダイムです。ステップを明示的に定義せずにロジックを表現します。これは、論理計算に基づいて表示するコンポーネントを宣言する必要があることを意味します。制御フローの手順については説明しません。宣言型プログラミングの例としては、HTML、SQL などが挙げられます。

関数型プログラミング: 関数型プログラミングは宣言型プログラミングの一部です。JavaScript の関数は第一級市民です。つまり、関数はデータであり、関数を変数のように保存、取得、アプリケーション内で渡すことができます。

nodejs は
JavaScript 言語を使用して Web サーバーを開発する方法であり、ノンブロッキングおよびイベント駆動型 I/O などの機能を備えているため、ポーリングを使用して構築されたアプリケーションで高い同時実行性を実現し、comet が可能になります。
npm
Node Package (パッケージ) マネージャー (マネージャー) は、
nodejs の組み込みパッケージマネージャーです。パッケージの管理に npm が使用されていることは間違いありません。(パッケージダウンロードツール)
ソフトウェアのダウンロード情報を package.json ファイルにカプセル化し、npm コマンドを使用して自動的にダウンロードとインストールを行います。

# 一般步骤
git clone xxx
npm install
npm run dev

Yarn
Yarn は Facebook、Google、Exponent、Tilde が共同で立ち上げた新しい JS パッケージ管理ツールで、公式ドキュメントにも書かれているようにnpm の欠点を補うもののようです。

npmの欠陥:

npm install場合によっては非常に遅くなることがあります。特に、新しいプロジェクトをプルダウンして、node_modulesを削除し、再インストールするには半日かかります。
同じプロジェクトでは、インストール中に一貫性を維持できません。package.json ファイル内のバージョン番号の特性により、次の 3 つのバージョン番号はインストール時に異なる意味を表します。
インストール時に、パッケージのダウンロードとインストールが同時に行われ、途中のある時点でパッケージがエラーをスローしますが、npm はパッケージのダウンロードとインストールを続行します。npm はすべてのログをターミナルに記録するため、不良パッケージに関するエラーメッセージは、npm が出力する大量の警告の中に埋もれてしまい、実際に何が問題だったかに気づくことさえありません。

# 一般步骤
git clone xxx
yarn
yarn start

DOM
HTML DOM は、HTML ドキュメントにアクセスして操作するための標準を定義します。
js と jsx
js はリテラルスクリプト言語
jsx であり、JavaScript XML は React コンポーネント内でタグを構築するための XML に似た構文です。

違い
1. ブラウザーは異なる JS と CSS のみを認識できますが、SCSS または JSX は認識できません。そのため、webpack の役割は、SCSS を CSS に、JSX を JS に変換し、ブラウザーで通常どおり使用することです。
2. js は、react 自体の jsx です (つまり、HTML を JS ファイルに直接記述します)。エディターが言語の解析モードを選択できるため、直接記述できるようになりました。
3. jsx ファイルはエディターを自動的にトリガーして、現在のファイルを jsx モードで解析するため、エラーは発生しません。

jsx構文と
は、jsコードでXMLを直接記述するための構文で、XMLの各タグはJSX変換ツールによって純粋なJSコードに変換され、JSXを利用することでコンポーネントの構造やコンポーネント間の関係がより明確になります。