![Reactの基礎#1](https://vynsen.net/wp-content/uploads/2023/01/a7dfeb6a247260ad45c4788451a0c6f8-3.png)
React
ReactはJavaScriptのライブラリでMetaによって作られました。
ReactはSPA(Single Page Application)に対応すべく、動的ページ作成のためのライブラリです。
Reactだけではすべてを網羅できないので、ReactはほかのJavaScriptライブラリと連携します。
Reactが人気な理由は少ないコードで機能を実装できるからです。
DOM
WEBブラウザはHTMLファイルを受け取ると、DOMをつくります。DOMを直接書き換えるとブラウザが再度ページを読み込みDOMを作るなど時間がかかってしまいます。
Vertual DOM
Reactはメモリ上にVertual DOMを作成します。
Reactは必要に応じてブラウザDOMを更新するのにバーチャルDOMを使用します。
これによりWEBアプリケーションの処理を早く柔軟にすることができます。
Reconciliation
Reactは現在のバーチャルDOMと以前のバーチャルDOMが一致しているかを確認します。
変更が必要な場合は、ブラウザDOMを更新します。ブラウザDOMが更新されるとブラウザの表示が変わります。この動作をReconciliation(和解)といいます。
コンポーネント
すべてのReactアプリケーションは1つのコンポーネントを持っています。rootコンポーネントかappコンポーネントです。
コンポーネントはappコンポーネントに追加され、コンポーネントツリーを作り
ぜひ参考にしてください!また!