反応の基礎.js
2074 ワード
Is React library or framework
ResponseはJavaScriptライブラリです.なぜなら、他のライブラリを使って解決策を作る必要があるからです.フレームワークは、ロジックに焦点を当てることができますあなたのための多くのスマートなデザインを行います.フレームワークは、彼らがあなたの方法に応じて物事をしたい柔軟性はありません.場合でも、全体のものを含める必要がある単一の作品を使用します. More about React
Reactiveは、ユーザーインターフェイスを構築するために使用されるJavaScriptライブラリです.ブラウザーはJavaScriptを理解しているので、Web UISを記述するためにReactionを使用することができます.反応は、我々が我々が望むものに反応すると言うことを意味する宣言的であると言われています.反応は、「方法」の世話をして、我々の宣言的な説明(我々が反応言語で書く)をブラウザーで実際のUISに翻訳します.我々が反応または類似したライブラリを使用しないならば、我々はネイティブのウェブAPIとJavascriptでUISを手動で構築しなければなりません、そして、それは全く難しいです. JSX and HTML are the same?
JSXはJavaScript XMLを意味します.ブラウザーは、JSXを理解しません.反応ライブラリがインストールされているブラウザが反応を理解するとき.CreateElement API呼び出し.JSXなしで反応を使用できます.しかし、これはJavaScriptを使用するだけでウェブサイトを構築することと同じです.可能ですが、我々はHTMLを使用することを好む.だからこそ、JSXは重要です.JSXは基本的に妥協です.反応を使用して反応コンポーネントを書く代わりに.CreateElementの構文では、HTMLと非常によく似た構文を使用し、コンパイラを使用して反応します.CreateElement呼び出し. Data flow in React
反応データは親から子への一方向に流れます.親コンポーネントから子コンポーネントにデータを送信する場合は、小道具を使用する必要があります.一方のデータフローや一方向データフローの利点は以下の通りです.1 .あなたのデータをもっとコントロールしているので、エラーが少ないです
2 .デバッグの方が簡単です.どこから来ているのかわかります
ライブラリが既にシステムの各部分の境界が何であるかを知っているので、それはより効率的です
How does React work?
ReactJsは、それが角とvuejsのような他のフレームワークと比較してより速くする仮想DOMを使用します.反応は、DOMツリーのようにVDOMと呼ばれるすべてのコンポーネントの構造を作ります.Reactionは実際のDOMのコピーである仮想DOMを持ち、JavaScriptオブジェクトの形でブラウザメモリに保持されます.
反応はまた、アプリケーションのデータを保持し、階層内のコンポーネント間で渡すために使用される状態と小道具を持っています.
データの変更がコンポーネントの状態または小道具を意味するときはいつでも、それはもう一つの仮想DOMをつくります.さて、前回と更新されたVDOMの比較が行われます.このチェックは' diffing algorithm 'を使って行われ、実際のDOMをチェックするよりもかなり高速です.
したがって、メモリ内の2つの仮想メモリの比較において変更が検出された場合は、実際のDOMで直接更新されます.この過程は和解として知られている.
DOMのレンダリングは非常に退屈で遅いプロセスです.これは、レイアウトの変更とHTMLの解析のためのHTML解析のためのCSSの解析が含まれます.したがって、仮想DOMは比較的に速くなります.なぜなら、ページの完全なレンダリングが含まれないからです.
Reference
この問題について(反応の基礎.js), 我々は、より多くの情報をここで見つけました https://dev.to/sarman7105/basic-of-react-js-3gcテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol