基于移動(dòng)端Reactive Native輪播組件的應(yīng)用與開發(fā)詳解
總結(jié)下這段時(shí)間學(xué)習(xí)reactive native的一些東西,我們來(lái)認(rèn)識(shí)一下,被炒得這么火的rn,究竟是個(gè)什么東西,以及如何去搭建自己的demo。
reactive native是什么
由facebook開發(fā)的一種應(yīng)用框架,可以用react開發(fā)原生應(yīng)用的框架。簡(jiǎn)單來(lái)說(shuō)就是可以通過(guò)js和react來(lái)開發(fā)的一種框架。
react是什么
一套js的框架,也是facebook開源。特點(diǎn):jsx語(yǔ)法(類似XML),組件化模式,virtual DOM,單向數(shù)據(jù)流。
基本模式:每個(gè)react應(yīng)用可視為組件的組合,而每個(gè)react組件由屬性和狀態(tài)來(lái)配置,當(dāng)狀態(tài)發(fā)生變化更新ui,組件的結(jié)構(gòu)是由虛擬的dom來(lái)維護(hù)。
react native的應(yīng)用實(shí)例
react native的模式
*跨端應(yīng)用開發(fā)(ios,安卓,web) ,基于react的組件化,具備web的發(fā)布能力和原生應(yīng)用的性能。
優(yōu)點(diǎn):開發(fā)效率高,迭代周期短 ; 復(fù)用性(對(duì)一些組件進(jìn)行復(fù)用封裝)熱部署 ; 采用web的方式來(lái)開發(fā)native的應(yīng)用
react native的環(huán)境搭建
這里,我還是遇到不少問(wèn)題,大概寫下安裝過(guò)程,官網(wǎng)上大部分寫的比較清楚。地址:http://reactnative.cn/docs/0.31/getting-started.html#content ,以下為安卓模擬器使用。
1:安裝node
2:執(zhí)行react native命令行
3:android studio安裝(需要配置sdk)
4:安裝bluestacks模擬器(首推) 下載地址:http://www.bluestacks.cn/
運(yùn)行項(xiàng)目
當(dāng)你所有的環(huán)境都搭建好后,在項(xiàng)目目錄下,打開命令指示符,輸入命令: