[REACT]REACTを始めよう！REACTって何？
REACTについて
-
REACTはユーザインターフェース構築のための JavaScript ライブラリ。
-
以前、フロントエンド-フレームワークの歴史についてここのページに掲載しましたが、
先にREACTというフレームワークがどのくらい支持されているのか？？
どのような経緯で発生したのか？？を再度学びたいと思います。
現在どのような利用率？？ -他のフレームワークと比べてみて-
-
以下は2022年のフロントエンドフレームワークのページです。
【利用率】
昨年の利用率はというと、REACTがダントツの一位です。
-
ほか、Google Trendsで見ても人気度は上がり続けています。
-
npm trendsのページでダウンロード数を見ても多いです。
npmとは？？
npmとは
Node Package Managerの略称で、JavaScriptのパッケージ管理システム。
npmを使用することで、JavaScriptの依存関係を簡単に管理できる。
また、これを使用し、自分で作成したJavaScriptパッケージを公開し、他の人が利用できるようにすることもできる。
JavaScriptでWebアプリケーションを開発する場合には、npmを使うことが一般的!!!
ここまで見てわかるとおり、REACTがフロントエンドJavaScriptライブラリとして強力なことがわかる！
日本においてはREACTが右肩上がりの言語で、並行してVue.jsも多い状態になっている。
なぜそこまでREACTが人気なのか。
それは,他のJavaScriptライブラリと比べて以下のような特徴ゆえです。
1. 仮想DOMの導入による高速化
Reactは仮想DOM（Virtual DOM）という機能を導入しており、Webページのレンダリング処理を高速化している。
仮想DOMは、実際のDOMと同じ構造を持つJavaScriptオブジェクトのこと
仮装DOMとは？
-
Reactが採用しているレンダリング手法の一つであり、DOMを高速化するための手法の一つ。
-
仮想DOMは、実際のDOMと同じ構造を持つJavaScriptオブジェクトのことであり、DOMの状態をJavaScriptのオブジェクトとして表現している。
-
Reactでは、仮想DOMを使用し、変更があった部分だけを更新することができる。
具体的には、Reactは、仮想DOMと実際のDOMの差分を取り、必要な部分だけを再描画する。
このため、Webページの再描画処理を高速化することができる。
[仮装DOMの利点]
- 変更があった部分だけを効率的に更新できる
- 再描画処理を高速化できる
- パフォーマンスの向上につながる
2. コンポーネント指向の開発が容易
Reactはコンポーネント指向の開発が容易であり、部品ごとにコンポーネントを分割して開発することができる。また、コンポーネントを再利用することができるため、開発効率の向上につながっている。
3. 大規模アプリケーションの開発に向いている
コンポーネント指向の開発が容易であり、また、データの流れを単方向にすることができるため、
アプリケーション全体を一元的に管理することができる。
4. 大きなコミュニティがあるため
ReactはFacebookが開発したライブラリであり、大きなコミュニティがあるため、
情報共有や問題解決が容易であり、開発効率の向上につながっている。
Discussion