Reactの基礎#1
スポンサーリンク

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コンポーネントに追加され、コンポーネントツリーを作り

ぜひ参考にしてください!また!

Twitterでフォローしよう

おすすめの記事