tanish-kr's learning log

Learning output log

JavaScript React

概要

Reactとは

Facebook製のUI構築のためのJavaScriptライブラリ。

Virtual DOM(仮想DOM)

往来のJavaScriptではリアルDOM(生DOM)を操作して、ページの描画等を行っていた。 しかし、この手法はブラウザにオーバヘッドが大きい。 仮想DOMの場合、予めJavaScriptオブジェクトでDOMと同じ構造のノードツリーを再現しておき、一連の処理結果の最終的な差分だけをもとのDOMに書き戻すことでオーバヘッドを最小限に抑えることが可能になった。

コンポーネント

Webアプリケーションを構築するための再利用可能なカプセル化された独自のHTMLタグをWeb標準の技術だけで作成できる技術。

単方向データフロー

Reactではデータは必ず親コンポーネントから子コンポーネントへ一方通行で渡される。

AngularやVueはデータバインディング