React Native

  1. Install Android Studio
  2. Introduction
  3. Navigation
    1. StackNavigator
    2. Login
    3. DrawerNavigator
    4. Custom Drawer
    5. Image
  4. Formik and Apollo Client
  5. Image Upload
  6. Alert
  7. Keyboard Avoiding View

React Native For UI of native apps

React Native paper

react-native-vector-icons directory


npx react-native init AnimalLovers
cd AnimalLovers

In one terminal

// In folder AnimalLovers
npm start

Ctrl + C to end server

In another terminal
// In folder AnimalLovers
npx react-native run-android

Running on Android Phone

Settings -> About Phone, and then tapping the Build number (MIUI Version) row 7 times.

Settings -> Additional Settings -> Developer Options -> USB debugging -> Enable
Settings -> Additional Settings -> Developer Options -> Install via USB -> Enable
Settings -> Additional Settings -> Developer Options ->USB debugging (Security Settings) -> Enable

Type lsusb


From the above line, you want to grab the first four digits from the device ID:


Add this number to idVendor

echo 'SUBSYSTEM=="usb", ATTR{idVendor}=="2717", MODE="0666", GROUP="plugdev"' | sudo tee /etc/udev/rules.d/51-android-usb.rules

sudo udevadm control --reload-rules

Check the notification in the phone that prompts to connect pc.

Kill Server:

You can also go the command line route:

ps aux | grep node
to get the process ids.


kill -9 PID
Doing the -9 on kill sends a SIGKILL (instead of a SIGTERM). SIGTERM has been ignored by node for me sometimes.