intro & setup


intro


1.node.jsインストール(ホームページ上.インストール確認:node-v/npmインストール確認:npm-v)
2.コンソールにnpm npx-gをインストールする(インストール確認:npx-v)
3.VSCのインストール(他のコードエディタを使用可能)
4.gitインストール(インストール確認:コンソール上のgit-version)

SETUP


1.0 Creating your first React App


-cmdでnpxを使用してレスポンスアプリケーションを作成する(npx create-act-appフォルダ名)
-インストール後にcodeフォルダ名を入力すると、VCODEはHARANフォルダディレクトリに開きます.

1.1 Creating a Github Repository


-githubで新しいレポートを作成
-Repisitoryを作成した後、movie appのターミナルウィンドウで
1.git init
2.git remote add origine新Repository url
3.git add .
4.git commit-m"コミットメッセージ"(ex)git commit-m"#1.0 creating your first react app"
5.git push origin masterを入力しgithub Repositoryウィンドウをリフレッシュすると、movie appフォルダがアップロードされます.

1.2 How does React work?


-reactは、私たちが使用するすべての要素を生成します.jsで作成しhtmlにプッシュします.
-reactはソースコードからインデックスを開始します.htmlファイルに入れずにhtmlをhtmlに追加または削除する方法を知っています.したがって、appは空のhtmlをロードした後、reactがコンポーネントで作成した内容をhtmlにプッシュします.

-index.jsはappです.jsをインポートしてインポートした後
ReactDOM.render(<React.StrictMode>
<App /></React.StrictMode>,document.getElementById('root'));
appを通ります.jsコンポーネントにElementById「rood」を内蔵します.
-ReactDOM.render()関数は、指定したHTML要素の内部に指定したHTMLコードを表示するための2つのパラメータを使用します.

-反応価app.jsのコンポーネントを#ルートに置いて展示しています.したがって、reactは、ロード時に仮想ドメインreactを使用してhtmlを表示します.これも反応が速い原因です.

-ページソースの結果を表示します.空のルートしか見えません.見えないのはhelloの空のインデックスがないからです.htmlファイルを見ているからです.