ReactNative環境配置及項目結構介紹
ReactNative 簡介
ReactNative 於2015年被 Facebook 開源。
基於 JavaScript ，動態加載並編譯Virtual-DOM，可同時運行於Android、iOS、Browser各個平臺。
在Android上依賴於webkit.org官方開源的jsc.so。
ReactNative 環境配置
下面只介紹 macOS 開發平臺下的 Android 環境配置 [參考ReactNative環境搭建]
* 安裝 HomeBrew, Mac 系統的包管理器
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
* 安裝 Node.js, JavaScript 的運行環境
brew install node
* 設置 npm 鏡像以加速, npm 是 Node.js 的模塊依賴管理工具
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
* 安裝 react-native-cli, ReactNative 的命令行工具
npm install -g react-native-cli
* 安裝 watchman, 監視文件系統變更的工具
brew install watchman
創建新項目
react-native init HelloRN
目錄結構
在 HelloRN 工程目錄下：
- android/: Android 原生代碼目錄，主要用於原生庫、原生View的編寫橋接、以及 ReactNative 第三方庫的 link。
- ios/: iOS 原生代碼目錄，主要用於原生庫、原生View的編寫橋接、以及 ReactNative 第三方庫的 link。
- index.js: 設備運行項目的入口文件。
- package.json: npm 的包管理文件，功能類似 Android 的 gradle，iOS 的 cocoaPods。
- node_modules/: 執行 npm install 之後生成，包含 npm 根據 package.json 下載的第三方包的源代碼。
- （如果搭建了 typescript 開發環境：）
- tsconfig.json: typescript 環境配置文件。
- src/: typescript 搭建環境時新建目錄，用於存放之後編寫的 ts 代碼。
- lib/: 執行 tsc 腳本後，根據已有 ts 代碼，編譯成的 js 代碼目錄，也是代碼運行時的目錄，即運行時代碼都指向 lib 文件夾。
運行新項目
npm install
react-native run-android