step process introduction react native code example

Example 1: 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
#React Native Tools
#React-native/React/Redux
#Prettier code-formattter
#material icon theme

//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 2: 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

##GO TO: https://aboutreact.com/react-native-vector-icons/##