47 lines
1.6 KiB
Markdown
47 lines
1.6 KiB
Markdown
# react native app setup (not using Expo)
|
|
|
|
# REACT NATIVE CLI QUICKSTART (NOT EXPO GO) QUICKSTART
|
|
|
|
# follow setup guide for each specific platform (iOS or Android) and OS (Linux, Windows, MacOS): [https://reactnative.dev/docs/environment-setup](https://reactnative.dev/docs/environment-setup "setup")
|
|
|
|
- make sure you have node and npm installed
|
|
- cd to directory where you want this app to be installed
|
|
- create app (already accomplished, keeping for notes):
|
|
|
|
`npx react-native@latest init SelahReactNativeApp`
|
|
|
|
- select yes for installing react-native packages
|
|
|
|
NOTE: in VS Code some of the created files might show errors and complain about not being able to detect the `babel.config.js` file. Add this to your settings.json file in VS Code (Open command pallete: View-> Command Pallete or Ctrl+Shift-P and type "settings"):
|
|
|
|
```
|
|
"eslint.workingDirectories": [
|
|
{"mode": "auto"}
|
|
]
|
|
```
|
|
|
|
Run the app (Android emulator)
|
|
|
|
- make sure your android emulator is running (running API 33 tiramisu per the react-native setup docs)
|
|
- start Metro which is a js bundler that ships with react native. cd into react-native app directory and run:
|
|
|
|
`npx react-native start`
|
|
|
|
select yes to install react-native packages
|
|
|
|
- let metro run in its own terminal. Open a new terminal to start the app in an android device:
|
|
|
|
`npx react-native run-android`
|
|
|
|
NOTE: if you get a `error: unknown command 'run-android'` try this command
|
|
`npm install --save react-native`
|
|
|
|
and try again:
|
|
|
|
`npx react-native run-android`
|
|
|
|
You should have a running react-native app in Android!
|
|
|
|
|
|
TODO: mac/iOS local setup...
|