React基本原理-仮想DOM

1313 ワード

                DOM  ,       ,React        ,        DOM,            ,          DOM,         ,       。
      DOM  JavaScript  ,         DOM      ,          :
 1)createElement(‘Button’)
           button,  ?             ,     DOM!   
 2)DocumentFragment(     )
        ,         
   :  DocumentFragment=====>>>>>>      ,                   ,      
       :
var frag=document.createDocumentFragment();
for(var i=0;i<10;i++){
   var l=document.createElement("li");
   l.innerHTML="ss";
   frag.appendChild(l);
}
document.getElementById("list").appendChild(frag);
  ,     ,       DOM!
  React   DOM     ?
       React   jsx  ,          jsx  ,            , jsx     js    ,           。
  React            ,   diff  ,         DOM  。
jsx==>jsオブジェクト(createElement)=>をページに挿入するという仮想DOMですが、簡単ですか?