React簡談

標籤：

  這段時間學習了react.js,在此做個總結。

  react.js在優勢上我認為是兩個大點，第一是效能，作者從dom操作實際出發，通過虛擬dom(這裡虛擬dom實際上是以jsx格式的文法來預先構建dom結構再通過瀏覽器或者伺服器端渲染成html dom元素)實現的。react注意到影響頁面效能很大程度上是dom操作的原因，因此它提供有辨識機制的dom更新策略，按需更新，效能大大提高。

   第二個點是組件化便利，看下面這段代碼：

var Input=React.createClass({    getInitialState:function(){    return{value:"請輸入..."};},    handelClick:function(){    this.setState({        value:"請再輸入",    });},   render:function(){    return (        <div>           <input type="text" className="a1" placeholder={this.state.value}  onChange={this.handelClick}/>        </div>);}});ReactDOM.render(    <Input/>,    document.getElementById("exm"));

　　React.createClass()建立了一個組件對象被賦在變數NewEle上，這裡NewEle充當自訂的元素標籤可以被以組件形式渲染到真實dom中。過程很簡便，每個標籤都是一個獨立的組件，這樣對於構建dom結構有低耦合，易堆用的優勢。寫react順手後你只會注意到自己在寫組件，而很少去關注單個的元素。這點是react很大的優勢的地方。

      React的缺點就是它長得有點另類，jsx文法有別於js文法，需要時間去熟悉。專註於view層構建的它需要其他的架構如flux來搭建MVC的開發模式。

     

React簡談