1.React起源與發展 React 起源於 Facebook 的內部項目,因為該公司對市場上所有 JavaScript MVC 框架,都不滿意,就決 定自己寫一套,用來架設Instagram 的網站。做出來以後,發現這套東西很好用,就在2013年5月開源 了。 2.React與傳統MVC的關係 輕 ...
1.React起源與發展
React 起源於 Facebook 的內部項目,因為該公司對市場上所有 JavaScript MVC 框架,都不滿意,就決 定自己寫一套,用來架設Instagram 的網站。做出來以後,發現這套東西很好用,就在2013年5月開源 了。2.React與傳統MVC的關係
輕量級的視圖層庫!A JavaScript library for building user interfaces React不是一個完整的MVC框架,最多可以認為是MVC中的V(View),甚至React並不非常認可MVC開 發模式;React 構建頁面 UI 的庫。可以簡單地理解為,React 將界面分成了各個獨立的小塊,每一個塊 就是組件,這些組件之間可以組合、嵌套,就成了我們的頁面3.React的特性
1.聲明式設計-React採用聲明範式,可以輕鬆描述應用 2.高效-React通過對DOM的模擬(虛擬DOM),最大限度地減少與DOM的交互 3.靈活-React可以與已知的庫或框架很好地配合 4.Jsx-jsx是JavaScript語法的拓展 5.組件-通過React構建組件,使得代碼更容易得到復用,能夠很好的應用在大項目的開發中 6.單向相應的數據流-React實現了單向響應的數據流,從而減少了重覆代碼,這也是為什麼它比傳統數據綁定更簡單 4.虛擬DOM 傳統DOM更新: 真實頁面對應一個DOM樹。在傳統頁面的開發模式中,每次需要更新頁面時,都要手動操作DOM來進行更新虛擬DOM:
DOM操作非常昂貴,性能消耗大,而且代碼複雜難以維護。React把真實DOM轉換成JavaScript對象樹,也就是VirtualDOM