React はどのフレームワークに属しますか?

react は Web フロントエンド開発フレームワークに属しており、ユーザー インターフェイスの構築に使用される JavaScript ライブラリです。その特徴は次のとおりです: 1. シンプルで、任意の時点でアプリケーションがどのように見えるかを単純に表現します。 2. 宣言的に、React は再利用可能なコンポーネントを構築することを目的としています。実際、React では、コンポーネントを構築するだけです。カプセル化により、コンポーネント コードの再利用、テスト、懸念事項の分離が容易になります。

このチュートリアルの動作環境: Windows 10 システム、react18.0.0 バージョン、Dell G3 コンピューター。

react はどのフレームワークに属しますか?

react は Web フロントエンド開発フレームワークに属します。

React はユーザー インターフェイスの構築に使用される JavaScript ライブラリです。Facebook の内部プロジェクトから生まれました。同社は市場にあるすべての JavaScript MVC フレームワークに満足できず、Instagram Web サイトを構築するために独自の JavaScript MVC フレームワークを開発することにしました。 2013 年 5 月にオープンソース化されました。

それでは、React はどのような問題を解決しますか? 公式 Web サイトに次の文があります:

We built React to solve one problem: building large applications with data that changes over time.

データが時間の経過とともに変化する大規模なアプリケーションを構築するこれを行うために、React には 2 つの主要な機能があります。 ：

• シンプル

アプリケーションが任意の時点でどのように見えるかをシンプルに表現すると、React は UI インターフェイスの更新を自動的に管理します。データが変更されたとき。

• 宣言的

データが変更されると、React は概念的には F5 をクリックするのと同じです。実際、それは単なる更新です。変化の一部。

React は再利用可能なコンポーネントを構築することを目的としています。実際、React ではコンポーネントを構築するだけです。カプセル化により、コンポーネント コードの再利用、テスト、懸念事項の分離が容易になります。

React の主要原則

仮想 DOM 仮想 DOM

従来の Web アプリケーションでは、通常、動作する DOM が直接更新されますが、DOM は通常、アップデートには費用がかかります。 DOM に対する操作をできる限り減らすために、React は直接 DOM 操作を行う代わりに、DOM を更新するための別の強力な方法を提供します。これは、軽量の仮想 DOM である Virtual DOM であり、React によって抽象化されたオブジェクトであり、DOM がどのように見えるべきか、どのように表示されるべきかを記述します。実ＤＯＭはこの仮想ＤＯＭを介して更新され、この仮想ＤＯＭが実ＤＯＭの更新を管理する。

この追加レイヤーの仮想 DOM 操作により、なぜ高速化できるのでしょうか?これは、React には diff アルゴリズムがあるためです。仮想 DOM を更新しても、それがすぐに実際の DOM に影響を与えるとは限りません。React はイベント ループが終了するまで待機し、この diff アルゴリズムを使用して、現在の新しい DOM を比較して最小値を計算します。 dom 表現を以前のものと置き換える 実際の DOM を更新する手順。

推奨学習: 「react ビデオ チュートリアル 」

以上がReact はどのフレームワークに属しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。