React Nativeの開発環境構築からアプリ起動まで

React Native開発環境構築

https://facebook.github.io/react-native/docs/getting-started
に従ってセットアップ。

Node.jsインストール

brew経由の場合

brew install node

Nodebrew経由の場合

# Nodebrewをインストール
brew install nodebrew
mkdir -p ~/.nodebrew/src

# 利用可能なバージョン番号確認する場合は
# nodebrew ls-remote
# を実行

# Node.jsインストール
nodebrew install-binary v6.5.0
nodebrew use v6.5.0

watchmanインストール

brew install watchman

react-native-cliインストール

npm install -g react-native-cli

（Android開発をする場合）Android Studioインストール

https://developer.android.com/studio/install.html
に従ってインストール。

• 環境変数に以下を設定。

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$ANDROID_HOME/platform-tools:$PATH
export PATH=$ANDROID_HOME/tools:$PATH

• Android SDK Manager（$ANDROID_HOME/tools/android）で 必要なバージョンのSDK、Build Toolsをインストールしておく。

これらの設定を忘れた場合、ビルド時に
「SDK location not found」や「adb: command not found」や
「failed to find Build Tools」が出るかも。

（iOS開発をする場合）Xcodeインストール

App Storeからインストール。

なお、Gradle Daemon については今回は入れずにスキップ。

React Nativeプロジェクト作成 と アプリ起動

# プロジェクト作成
react-native init xxxx　　（xxxxは任意のアプリ名）

cd xxxx

# アプリ起動（Androidの場合）
react-native run-android

# アプリ起動（iOSの場合）
react-native run-ios