最火紅的js MVC框架--react

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