React-Native

<b>

React Native 是 Facebook 推出的一個用 JavaScript 語言就能同時編寫 iOS，Android，以及后臺的一項技術。用大白話說，就是從此一名程序員自己就可以創業了，他只用這一門技術，就可以同時寫出 Android、iOS App，以及后臺應用程序，并且，請注意這里，它可以做到實時熱更新（就像網頁一樣，改了一個字體，隨時可上線），App 也能做到隨時都能更新了，一個需求可以分分鐘秒殺解決，不用新發版本，只需在服務器改動一下代碼即可，是不是很牛逼，是不是很牛逼，是不是很牛逼，真的很牛逼。

<b>

本文的搭建是在MAC上

1、安裝Homebrew

安裝Homebrew是為安裝Node.js做前提準備。
安裝命令:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

注：可以通過下面命令查看Homebrew是否安裝成功

brew -v
Homebrew/homebrew-core (git revision 93f1; last commit 2016-05-23)

2、安裝Node.js

下載雙擊安裝即可：
下載地址：

https://nodejs.org/en/ 
Node.js 需要 4.0 及其以上版本。安裝好之后，npm 也有了。

3、安裝React Native 命令行工具

React Native 命令行工具可以創建和初始化React Native的項目，還有其他打包等功能

npm install -g react-native-cli

PS: 如果看到有錯誤:permission denied, 請在命令前面加上sudo 比如:

 sudo npm install -g react-native-cli.

4、安裝 watchman 和 flow

監控文件變化和類型檢查的。安裝如下

brew install watchman
brew install flow

5、初始化一個項目

打開終端，在某個目錄下輸入命令: Demo是項目名字

react-native init Demo 

加載中

等到出現上圖情況我在在執行下面語句來運行

cd Demo 
react-native run-ios

運行結果

6、修改項目

在你喜歡的編輯器上打開index.ios.js文件，嘗試修改，并在模擬器上刷新(?-R )看看修改的效果。

7、Appdelegate解釋

我們可以看到這里跟我們以前的不一樣，那么來說一下，*index.ios*是我們用來編寫iOS的JS文件，Demo就是我們的工程名

8、第一個App - 我是大展

JS代碼

效果圖

好了！到這就結束了，如果你想知道更多的用法，比如iOS的TableView，ScrollView等東西怎么創建出來的，那么推薦大家到官網去學習http://reactnative.cn/docs/0.31/getting-started.html

如有雷同，你就是抄我的！?????? --大展