互聯(lián)網(wǎng)發(fā)展至今,經(jīng)歷了幾個劃時代的產(chǎn)物,2000年前后, 新浪、搜狐作為中國第一代互聯(lián)網(wǎng)的門戶席卷了中國大地;2005年前后,以阿里為代表的電商,騰訊為代表的IM即時通訊,百度為代表的搜索引擎牢牢占據(jù)了互聯(lián)網(wǎng)三巨頭的位置,中國互聯(lián)進(jìn)入三足鼎立時代;2010年起,以微信、陌陌、UC、滴滴等為首的第三代互聯(lián)網(wǎng)產(chǎn)品迅速崛起,企圖在新時代占據(jù)一席之地。在喬幫主去世后, 互聯(lián)網(wǎng)似乎也停下了其迅猛發(fā)展的腳步,究其根本原因是硬件上的發(fā)展已遠(yuǎn)跟不上時代的步伐, 作為技術(shù), 始終應(yīng)以技術(shù)創(chuàng)新作為第一目標(biāo), 并為之奮斗終生。
Q: What React Native?(什么是React Native)
A: React Native是Facebook公司內(nèi)部編程馬拉松比賽的一個產(chǎn)物,旨在讓前端開發(fā)也能夠加入到客戶端程序開發(fā)的大軍中。
Q:Why React Native?(為什么要用React Native)
A: React Native是一整套項目開發(fā)的解決方案, 而不僅僅是人們眼中的MVVM, 它不僅是跨平臺、不僅是為了做view。React Native強(qiáng)大之處在于它給了開發(fā)者極大的空間去擴(kuò)充React Native的生態(tài),你甚至可以自己去實現(xiàn)全部的React和Native之間的bridge。
Q: Where React Native?(React Native可以應(yīng)用在哪里)
A: React Native可以只做一個View,也可以做邏輯、網(wǎng)絡(luò)請求,你的APP可以完全構(gòu)建在React Native上(重量級使用);你也可以在原生APP中只對一個簡單頁面使用React Native。
Q:When React Native?(React Native什么時候誕生)
A:Facebook 在 React.js Conf 2015 大會上推出了基于 JavaScript 的開源框架 React Native
Q: Who React Native?(都哪些人在研究, 使用RN)
A:最核心的研發(fā)React Native的是facebook的那些工程師, 作為一名開發(fā)者, 你以前從事的可能是Android、iOS甚至是前端開發(fā)。
Q: How React Native?(如何學(xué)習(xí)使用React Native)
A: 最直接也是最有效的學(xué)習(xí)React Native的方式當(dāng)然還是facebook的官方文檔, 雖然都是英文的, 但是你要是仔細(xì)看,會發(fā)現(xiàn)并不是特別難, 重點是, 文檔中有些內(nèi)容已經(jīng)過時了, 因為React Native實在發(fā)展太快,變化太大了, 但這對初學(xué)者足以是10000點的暴擊啊。
本文也是以當(dāng)前時間對想快速上手React Native的同學(xué)給于簡單的了解,可能不久的將來這篇文章就會和主流的方法完全不一樣了, 不過就當(dāng)是總結(jié)了。本文以iOS為例,Android的大體思想也是一樣的, 但具體環(huán)境搭建肯定不一樣,下面開擼。
. 安裝npm
npm --version
如果正確輸出版本號說明安裝成功了。失敗了自行百度吧,每個人的原因可能都不太一樣。
. 安裝react native
sudo npm install -g react-native-cli
react-native -v
如果能輸出react-native-cli
的版本號說明也安裝好了。一切貌似都很easy, 通過官方的demo你可以用
react-native init AwesomeProject
來創(chuàng)建一個項目, 并打開它, Command? + R, 一切都很順利, 也沒什么問題, 你甚至可以打開index.ios.js文件修改下里面的JSX,能換成不同的view, 一切都沒什么問題, 這種是整個項目都用React Native做的實現(xiàn)方案。那如何在已有項目中使用RN呢? 由于篇幅有限, 將在下面一篇文章詳細(xì)說明。