react native quick start code example
Example 1: react native install
npm install -g react-native-cli
Example 2: get started with react native
//make sure node is installed
>npm i -g expo-cli
>expo init ProjectName
>cd ProjectName
>code .
>expo start
//snippets for react native @ Vcode
//IOS Simulator
Xocde -> Development Tool -> Simulator
//for mac users got to https://docs.expo.io/workflow/android-studio-emulator/
>code ~/.bash_profile
>code ~/.zshrc
and add to both file the following:
export ANDROID_SDK=/Users/junglesoft/Library/Android/sdk
export PATH=/Users/junglesoft/Library/Android/sdk/platform-tools:$PATH
//make sure to have your own directory above
//HINT: you can find your directory at Android studio/config/SDK manager
//Android Emulator
Open Android Studio -> config -> AVD manager -> Create virtual device...
//open the emiulator device then got to Metro Bundler and
//press on 'Run on android simulator' (or Press a in the Terminal'
Example 3: get started with react native
//get started with react native app for android on macOS
brew install node
brew install watchman
brew cask install adoptopenjdk/openjdk/adoptopenjdk8
//add the following to ~/.bash_profile & ~/.zshrc
export ANDROID_HOME=$HOME/Users/junglesoft/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
//add the following to local.properties file at android/app level
sdk.dir=/Users/junglesoft/Library/Android/sdk
//launch app
npx react-native init ProjectName
//run on virtual android
npx react-native run-android