nikumaro2’s blog

webエンジニアです。HTML、CSS、Javascript、React.jsの開発についてまとめます。また、初心者英語TOEIC350点。音楽(ベース)、ゴルフなどもたまに、、

【node.js】Reactを使うメリット

  • Virtual DOMでパフォーマンス向上

 通常は、HTMLのDOMを書き換ると、DOM全体を書き換える。しかし、Virtual DOMのおかげで、一部だけを差分更新することで、画面更新速度が高速になる。

また、Virtual DOMはReactを使ってDOMを書き換えるだけで、適応されるので、簡単。

 ReactDOM.render(element,  document.getElementById("id") )

 

  • オリジナルのHTML部品を作れる

 通常、<button type="button" value="a">などのように、ボタンを作成することができる。

Reactでは、コンポーネントという機能があり、オリジナルのHTML部品を作成できる。

  const dom = <div>

              <Original  image="image1"  label="写真.jpg" />

      </div>

   

      function Original(property){

         const url = property.imege

         const label = property.label

  

         return <div>

          <img src={url} />

          <span> {label} </span>

          </div>

      }

  

   クロスコンパイルできる機能があり、一度コードを書けば、それぞれの環境で動作するようにコンパイルすることができる。

 個人開発者にとって、それぞれ別々に開発するのは、時間がかかりすぎるので、これは最大のメリットになると思う。

 

 

もっとメリットあると思うが、まだReact初心者なのでこのくらいで、、