項目1-反応とは?

React JS

反応器はフェイスブックに作成されたライブラリです
モジュールと同様の再利用性を有するコンポーネントからなる
では、コメント機能などの各機能を個別に組み合わせて、各項目に使用します.
あなたが望むなら、その書類をそのまま持っていけばいい.
もう一つVirtualDomというものがあります.
これを理解するためにReal DomとVirtual Domを比較します.
例えば10個のリストがあります.
リアルドームでは、1つのリストだけ更新しても、リスト全体が
再ロードが必要ですが、バーズールドームでは1つのリストだけがドームで変更されます.
どうすればいいのか、バーチュールドームで早めにスナップショットを撮ります.
更新されると、バズールドームは以前撮ったものを1つずつ見ていきます
スナップショットとの比較
このプロセスをdiffingと言います
そして、変わった部分があれば、その部分だけが実際のドームで変わっています.
この可能性のある原因は、バーチドムと真実のドムが同じプログラムを持っているからだ.

Create-react-app

もともと反応アプリを初めて実行するために、
別途設定が必要で時間がかかりました.
しかし、create-act-appコマンドになり、直接開始することができます.

Babel

JavaScriptが構文を更新しています
したがって,新しいES 6構文を用いて記述してもブラウザはそれをサポートしない.
したがって、古いブラウザで実行可能なバーベルと呼ばれるものに変換します.

Webpack

以前はWebサイトを作成する際にHTML、CSS、JSなどの簡単なファイルしか使用していませんでした
しかし現在では多くのライブラリやフレームワークなどが使われており、ファイルが複雑になっています
これらを縛ったのはウェブパッケージです
ページパックは深く掘られていて、たくさんの量があるので、詳細を知りたいなら検索しましょう!

設定

これまではサーバ側のみを処理していましたが、クライアントを処理します.
クライアントフォルダを作成しましょう
次にサーバフォルダを作成し、これまでに作成したファイルを入れます.
.gitignore, node_modules, package-lock.json, package.json, README.md
それ以外のすべてのファイルはserverフォルダに置けばいいです.
また、応答プログラムはクライアントフォルダにダウンロードされるので、端末のディレクトリを
クライアントに移行しましょう.

cd client/
npx create-react-app .

とみなす
「.」は、現在のフォルダにインストールすることを意味します.
インストールが正しいかどうかを確認するために、npm runstartに電話します.
クライアントディレクトリで作成する必要があります
各クライアントフォルダとサーバフォルダにパッケージ化します.jsonファイルがあるからです.
どのディレクトリで作成するかによって、異なる結果が得られます.
基本的には反応パックjsonファイルに入ると、スクリプトのstart
react-scripts startで書かれた
初めて出た画面はアプリjsファイルをレンダリングする画面です
現在のクライアントフォルダを表示します.srcフォルダと共通フォルダが表示されます.
Webパッケージ管理の部分はsrcフォルダです
画像などを入れたい場合は、srcフォルダに入れなければなりません.そうすれば、パッケージが縛られます.