why React?
React是Facebook開發的一款JS函式庫,那麼Facebook為什麼要建造React呢,主要為了解決什麼問題,透過這個又是如何解決的?
從這幾個問題出發我就在網路上搜尋了一下,有這樣的解釋。
Facebook認為MVC無法滿足他們的擴展需求,由於他們非常巨大的程式碼庫和龐大的組織,使得MVC很快變得非常複雜,每當需要添加一項新的功能或特性時,系統的複雜度就成級數增長,致使程式碼變得脆弱和不可預測,結果導致他們的MVC正在土崩瓦解。認為MVC不適合大規模應用,當系統中有很多的模型和相應的視圖時,其複雜度就會迅速擴大,非常難以理解和調試,特別是模型和視圖間可能存在的雙向資料流動。
解決這個問題需要“以某種方式組織程式碼,使其更加可預測”,這透過他們(Facebook)提出的Flux和React已經完成。
Flux是一個系統架構,用來推進應用中的資料單向流動。 React是一個JavaScript框架,用於建立「可預期的」和「聲明式的」Web使用者介面,它已經使Facebook更快地開發Web應用
react算是目前最火的js MVC框架了,寫一個react系列的博客,順便回憶一下react的基礎知識,新入門前端的小白,可以持續關注,我會從頭開始教大家用react開發一個完整的項目,也會涉及到webpack,node等前端知識,每天會更新一篇。這篇react的系列部落格會涵蓋react目前的所有知識點:
一、React基礎
1.React 虛擬DOM概念,React的效能高效的核心演算法
2.React元件,理解什麼叫做元件化
3.React元件嵌套
4.JSX內建表達式
5.React的生命週期
二、React屬性與事件
1.State屬性,控制React的一切
2.Props屬性
3.事件與資料的雙向綁定,包含了父子頁面之間的參數傳遞
4.可重複使用元件,真正讓React開發快速。高效率的地方
5.元件的Refs
6.獨立元件共享Mixins
#三、React樣式
1.內嵌樣式
2.內聯樣式中的表達式
3.CSS模組化,學習如何使用require進行樣式的引用
4.JSX樣式與CSS的互轉
5.一個非常好用的樣式框架Ant Desgin樣式框架介紹
6.Ant Desgin樣式框架的使用
#四、React Router
Router概念Router參數傳遞
react發展:facebook開發自己的內部網站Instagram,自己團隊研發的一款JavaScript MVC 框架,在2013年5月開源。
React主要用於建立UI,渲染UI,建立可互動的應用元件,在隨後發布了react Native,用webapp的方式取代原生開發,一套UI,多執行。
#以上是最火紅的js MVC框架--react的詳細內容。更多資訊請關注PHP中文網其他相關文章!