一、ReactNative簡介
ReactNative是移動端目前最熱的框架之一, 著力于提高多平臺開發的開發效率 —— 僅需學習一次，編寫任何平臺。(Learn once, write anywhere)。React Native，并且將持續地投入建設React Native。React Native可以通過更新遠端JS，直接更新app, 用JavaScript調起native組件，將增強與高性能組件交給native來處理 . 相比其他hybrid框架而言,ReactNative并非通過webview來調用原生組件,而是直接調用操作系統自帶的javascriptCore, 所以更高效。
二、環境搭建
如果英文好的可以查看 React Native官方文檔 ,官方網站會提供最新的安裝參考。
React Native 主要依賴以下環境:
Mac OS X操作系統
Xcode, 推薦使用7.3.0或者更高版本。
Node.js V6.2.1或者最新版本。
watchman和flow。
NVM
下面圖文結合詳細介紹下 React Native 在 Mac 環境下的安裝流程, 帶你一步步搭建環境, 運行 第一個項目 Hello World.
注: 安裝過程請時刻保持翻墻狀態 !!!
2.1. 安裝Xcode
打開 App Store，在 App Store 中搜索 Xcode，點擊 Xcode ，登錄apple賬號后直接下載安裝即可。
2.2. 安裝Node.js
打開 Node.js官網, 直接下載.
2.3. 安裝Homebrew
打開 Homebrew官網, 語言選擇簡體中文, 按照文檔步驟進行安裝即可.
安裝完成后, 打開終端, 輸入命令初始化 Homebrew.
命令為:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.4. 通過brew安裝watchman和flow
React Native 包管理器使用了watchman ，flow是 Facebook 公司出品的一個類型檢查庫，它同樣被 React Native 所采用.
如果安裝過程中遇到問題，你可能需要更新 brew 和相關依賴包, 使用的命令行： brew update brew upgrade. 如果出現錯誤，你需要修復本地的brew 安裝程序，brew doctor 可以幫助你找到問題所在。
安裝好Homebrew 之后，依次運行以下命（比較耗時時）：
- brew -v
- brew install watchman
- brew install flow
2.4.1 檢查brew版本
2.4.2 安裝watchman
2.4.3 安裝flow
2.5. 安裝react-native-cli命令行工具
接下來我們通過NPM安裝反應母語-CLI的命令行工具。在MAC終端中輸入如下命令，其中-g表示全局安裝。
sudo npm install -g react-native-cli
這個步驟將會在你的系統全局安裝 React Native 命令行工具。
2.6. 安裝NVM
Reace Native 使用nvm管理不同的node和npm.
2.6.1 在終端輸入命令安裝NVM:
git clone https://github.com/creationix/nvm
2.6.2 進入nvm文件
在終端依次輸入以下命令:
cd nvm/
ls
source nvm.sh
nvm
nvm ls -remote N/A
nvm ls
2.7. 創建項目
搭建好RN環境以后，我們來創建一個HelloWorld項目。
- 首先在桌面上創建一個名為
rn_demo的文件夾 - 在終端進入創建的文件夾 (cd)
-
創建項目
2.7-創建helloworld.png
2.8. 打開項目并運行
2.9. 打開App.js編程
項目運行起來, 打開App.js就可以進行編程了, 編程了直接 command+R運行即可.
三、總結
到此為止 React Native 環境已經搭建好了, 并可以進行 React Native 的開發啦，有沒有很激動 哈哈.
在集成過程中遇到問題的可以給我留言，我看到后會第一時間回復, 希望能夠幫到大家。
您的支持是我努力的動力, 感覺對你有所幫助的話不妨喜歡關注下哈!
