DEMO:
react-native-counter-ios-android
Flux
Flux是開始React一種程序架構(gòu)河爹,具體可以在使用Flux搭建React應(yīng)用程序架構(gòu)中了解。
Flux定義了一種單向數(shù)據(jù)流的方式,來實(shí)現(xiàn)View和Model之間的數(shù)據(jù)流動(dòng)凉馆。它更像是一種設(shè)計(jì)模式而非一個(gè)正式的框架
解決的問題
在傳統(tǒng)MVC框架中溉旋,通常使用雙向綁定的方式來將Model的數(shù)據(jù)展現(xiàn)到View.容易出現(xiàn)的一個(gè)現(xiàn)象就是連鎖更新(Cascading Update)社痛,Model可以更新Model胀蛮,Model可以更新View蹂析,View也可以更新Model葛碧。你很難去推斷一個(gè)界面的變化究竟是由哪個(gè)局部的功能代碼引起借杰。
Flux的解決方案是讓數(shù)據(jù)流變成單向,引入Store进泼、Action蔗衡、Action Creators和Dispatcher等概念來管理信息流纤虽。
Redux
Flux的標(biāo)準(zhǔn)實(shí)現(xiàn)非常簡單,因此還衍生出了很多第三方實(shí)現(xiàn)绞惦,比較著名的包括Redux逼纸,Reflux,F(xiàn)luxmm济蝉。而如今最為火熱的應(yīng)該屬于Redux杰刽,它采用了函數(shù)式編程的思想來維護(hù)整個(gè)應(yīng)用程序的狀態(tài)。
Redux是Flux的一種實(shí)現(xiàn)堆生。它采用了函數(shù)式編程的思想來維護(hù)整個(gè)應(yīng)用程序的狀態(tài)专缠。