react native documentation 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
#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 3: react native docs

# Good documentation:
https://reactnative.dev/docs/getting-started
https://devdocs.io/react_native/

Example 4: react native

npx react-native init AwesomeProject

Example 5: 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/##

Example 6: react native

React Native is an open-source mobile application framework created by Facebook.

It is used to develop applications for Android, iOS, Web and UWP by enabling
developers to use React along with native platform capabilities.

Tags:

Misc Example