リアクションって何ができるの？

react は JavaScript ライブラリで、主に UI の構築に使用され、「予測可能な」および「宣言的な」Web ユーザー インターフェイスの構築に使用できます。React は、時間の経過とともにデータが変化する大規模なアプリケーションを構築でき、開発効率を向上させます。

React は Facebook の内部プロジェクトとして誕生しました。同社は市場にあるすべての JavaScript MVC フレームワークに満足できなかったため、独自のフレームワークを作成することにしましたInstagram ウェブサイトを構築するため。作ってみてこのセットがとても便利だったので、2013年5月にオープンソース化しました。

React は、ユーザー インターフェイスを構築するための JavaScript ライブラリです。 React は主に UI の構築に使用されますが、React を MVC の V (ビュー) と考える人が多いと思います。 React は高いパフォーマンスと非常にシンプルなコードロジックを備えているため、ますます多くの人が注目し、使用し始めています。

React を使用すると、「予測可能な」および「宣言的な」Web ユーザー インターフェイスを構築できます。React は、時間の経過とともにデータが変化する大規模なアプリケーションを構築でき、開発効率を向上できます。

React のさまざまなタイプのパラメーター (UI、静的 HTML DOM 要素、動的変数、さらにはインタラクティブなアプリケーション コンポーネントのレンダリングに役立つ宣言コードなど)。

React の特徴

• 宣言型設計 -React は宣言型パラダイムを採用しているため、アプリケーションの記述が容易になります。

• 効率的 -React は、DOM をシミュレートすることで DOM との対話を最小限に抑えます。

• 柔軟性 - React は既知のライブラリやフレームワークとうまく連携します。

• JSX - JSX は JavaScript 構文の拡張です。 React 開発では必ずしも JSX を使用する必要はありませんが、JSX を使用することをお勧めします。

• コンポーネント - React を通じてコン​​ポーネントを構築すると、コードの再利用が容易になり、大規模プロジェクトの開発にうまく適用できます。

• 一方向の応答データ フロー - React は一方向の応答データ フローを実装することでコードの繰り返しを減らし、従来のデータ バインディングよりもシンプルになっています。

React の主な原則

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

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

最も明白な利点は、React のいわゆる dom diff で、デルタレベルの dom 更新を実現できます。データの変更によって DOM が変更される場合、React はグローバルに更新しませんが、内部の dom diff アルゴリズムを通じて差分を計算し、最小の粒度で更新します。これが、React が優れたパフォーマンスを発揮すると主張する理由でもあります。

プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 ！

以上がリアクションって何ができるの？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。