首頁 > web前端 > js教程 > 最火紅的js MVC框架--react

最火紅的js MVC框架--react

零下一度
發布: 2017-07-18 17:45:47
原創
1341 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板