WendySanarwanto/how-to_create-run-react-native-android.md

Last active June 30, 2019 12:24

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/WendySanarwanto/0084b0379de059d59321e1c0d917d0b4.js"></script>
Save WendySanarwanto/0084b0379de059d59321e1c0d917d0b4 to your computer and use it in GitHub Desktop.

HOW TO - Creating a new React Native Android and iOS projects

Raw

HOW TO - Creating a new React Native Android project

Ensure that you have installed latest version of Android Studio and also setup required environment variables as well.
Ensure that you have installed latest version of react-native-cli

Run react-native init <yourprojectname> command for creatint a new React Native project. Most likely, you will get this error Error: Command failed: yarn add [email protected] in Windows OS.
Change current directory to your project's directory.
Run yarn add react command.
Run rm -rf ios android command for deleting the existing ios and android folder.
Run react-native eject command.
Run your android emulator.
Run adb devices -l command. Ensure that your emulator appears on the list, usually named as emulator-5554 and no unauthorized status appear.
Run react-native run-android command. Confirm that the app is built and then running on your emulator with no error.

Raw

Run react-native init <yourprojectname> command for creatint a new React Native project.
Run your iOS emulator.
Change current directory to your project's directory.
Run react-native run-ios command. Confirm that you'll get either infinite build/compile process on your terminal or error on the running server.
Turn off the server, run pkill node command on the server's terminal and then run react-native start --reset-cache command.
Go back to other terminal which points to project's root directory then run react-native run-iod command. Confirm that the app is built and then running on your emulator with no error.