基于移動(dòng)端Reactive Native輪播組件的應(yīng)用與開(kāi)發(fā)詳解

總結(jié)下這段時(shí)間學(xué)習(xí)reactive native的一些東西，我們來(lái)認(rèn)識(shí)一下，被炒得這么火的rn，究竟是個(gè)什么東西，以及如何去搭建自己的demo。

reactive  native是什么

由facebook開(kāi)發(fā)的一種應(yīng)用框架，可以用react開(kāi)發(fā)原生應(yīng)用的框架。簡(jiǎn)單來(lái)說(shuō)就是可以通過(guò)js和react來(lái)開(kāi)發(fā)的一種框架。

react是什么

一套js的框架，也是facebook開(kāi)源。特點(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)用開(kāi)發(fā)(ios,安卓，web) ，基于react的組件化，具備web的發(fā)布能力和原生應(yīng)用的性能。

優(yōu)點(diǎn)：開(kāi)發(fā)效率高，迭代周期短 ; 復(fù)用性（對(duì)一些組件進(jìn)行復(fù)用封裝）熱部署 ; 采用web的方式來(lái)開(kā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)目目錄下，打開(kāi)命令指示符，輸入命令：

延伸閱讀

• ssh框架 2016-09-30
• 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
• 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
• Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
• 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
• 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
• php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
• Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
• 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
• 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26

學(xué)習(xí)是年輕人改變自己的最好方式