React


React


 Reactionは、Facebookが作成したユーザーUIを構築するためのライブラリです.ユーザーの観点だけに注目します.したがってRoutingのような技術は反応器には存在しない.この反応は以下の3つの特徴を有する.

1. JSX 構文


JSX構文は、JavaScriptでHTML構文を使用してビューを整理するのに役立つJS構文です.これは反応液の開発に大きな助けになる.
class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}
以上のようにJSにはhtmlタグが含まれています.

2.コンポーネントベース


反応器は素子ベースのライブラリです.コンポーネントベースのアプローチは、既存のWebページを作成する場合のように、htmlコードを1つ入れるのではなく、複数の部分を分割することで、コードの再利用性とメンテナンス性を向上させるものではありません.

コンポーネントとして表示



上図に示すように、1つの機能しか実行できない複数のコンポーネントに分けて考え、設計し、組み立ての方向に反応アプリケーション開発を行うことができます.

3. virtual DOM


仮想DOMは既存のDOMの制約から抜け出すために提案された代替案である.DOMはドキュメントオブジェクトモデルを表します.私たちが使用しているHTMLユニットは、オブジェクトのモデルと見なされます.
このDOMは木構造である.プログラマがDOMの要素を変更する場合は、これらの関数を作成および実行するときに、レンダリングツリーを再生成したり、レイアウトを作成したり、色を塗ったりするプロセスが繰り返されます.
単一ページアプリケーションを開発してDOMの要素を頻繁に変更すると、変更するたびに不要な演算が発生します. 
これらの問題を解決するために、仮想DOMが誕生した.仮想DOMは、仮想DOMの変化を予め感知することによって変化する.これらの操作は実際のDOMではないため、レンダリングは行われず、計算コストは実際のDOMよりも低い.次に、仮想DOMの変化を実際のDOMに最後に投影し、すべての変化をレンダリングします.これにより、仮想DOMは、変更されていない部分と変更された部分を自動的に検出し、更新します.これは、Webサービスを使用している間に、いくつかの機能が変化しても画面全体が点滅しない(すべて再レンダリングされる)理由です.