In order to get started with this project, you'll need to have React Native and all of it's dependencies.
I'd recommend following This Guide's React Native CLI Quickstart setup. We do not use Expo.
Once you're all set up:
npm i, npm start, then open a new terminal window and npm run ios
To Run Production
npm run android release
For debugging, I'd highly recommend using React Native Debugger
To launch it, run open "rndebugger://set-debugger-loc?host=localhost&port=8081"
Windows Executable Sample Location: C:\programdata\runni_000\react_native_debugger\app-0.11.4\react-native-debugger.exe
Keep these notes in mind if it's not working
Just these steps will let you start RNDebugger out of box:
- Install the latest version (download page).
- Make sure all debugger clients of React Native are closed, usually are http://localhost:<port>/debugger-ui
- Make sure RNDebugger is open and wait state.
RNDebugger will try connect to debugger proxy, use port 8081 by default, you can create a new debugger window (macOS: Command+T, - Linux/Windows: Ctrl+T) to specify the port if you want.
- Enable Debug JS Remotely of developer menu on your app
Upgrading SDK Licensing via Android Studio https://stackoverflow.com/questions/57124607/react-native-failed-to-install-the-app-please-accept-all-necessary-sdk-licens/59249008
Manual Run On Machine Emulator
cd $ANDROID_HOME (Users//ApoData/Local/Android/Sdk)
emulator @ ex) emulator @Pixel_2_API_27
To see list of Devices ---- emulator -list-avds
npm run android
Debug:
react-devtools ctrl+m on emulator click debug --- brings you to a localhost:8081 in console, top left of inspector next to clear console, select debuggerWorker... Here you can put break points in and inspect the JS. In the dev tools can look at props and components and actively adjust
Have Emulator Up and running start up react-devtools
To Run on Your Phone run: adb devices -This is used to check if your device is properly attached npm run android
Clean Code: Download jsx-beautify ctrl/command + m on file you want to beautify Note: If you have commented out code in your render, it may fuck up a little bit