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サービスを使用している間に、いくつかの機能が変化しても画面全体が点滅しない(すべて再レンダリングされる)理由です.
Reference
この問題について(React), 我々は、より多くの情報をここで見つけました https://velog.io/@whdid502/Reactテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol