Reactについての第一回目の記事にて、ReactのDOM操作の速さについて触れましたが、第二回目の記事では、ではReactでのどのような表現が、DOM操作を早くしているのか?についてお話したいと思います。 「Reactは仮想DOMを生成しているから、既存のJavaScriptの記述のようにDOMを生成するよりもスピードが速い」といわれても、イメージがしづらい人も多いのではないかとおもいますので、具体的に、両者がどのようなコードで成り立っているか、実際に超簡単なコードでご説明したいと思います。 【JSXでのコード記述とは】 実は、Reactは、JSXの記述で表現されているのです。名前だけお伝えしてもピンとこない人も多いと思いますが、具体的なコードを使って説明していきます。 … [Read more...] about JSXの基本について~React#2
React
Reactの仮想DOMについて解説~React#1
「Reactって、一体何?」「jQueryとの違いは?」と思っている人も多いと思います。プログラマの中には、どんどん出てくる新しい技術を積極的にキャッチアップしていきたい人が多いと思います。気になっているけどよくわからない、そんな人に「Reactとはなんぞや?」といったところを解説したいと思います。 Reactは、ライブラリである。 最近、言語別に便利なフレームワークが多く出ています。よく勘違いされるのですが、Reactはフレームワークではありません。Reactは、Javascriptで書かれた「ライブラリ」なのです。Vue.jsとよく比較されます。SPA(Single-Page Application) を実現する JavaScript … [Read more...] about Reactの仮想DOMについて解説~React#1