1. npm uninstall --global react-native-cli
  2. Install node js (i use node js version 12.10.0 here), i dont use the latest one because there is a bug i cant run my react native app
  3. install python2 jdk8 and yarn
  4. install android studio and sdk and add ANDROID_HOME to environment variable
  5. use npx react-native init ProjectName to create new project
  6. use yarn react-native run-android or yarn react-native run-ios to run the project

@Raeygzz if you want to use react-native related command add yarn/npx in the beginning of the command

yarn react-native run-android
yarn react-native run-ios

or

npx react-native run-android
npx react-native run-ios
  1. if you want to create apk debug use in your root project

    cd android && gradlew assembleDebug

  2. apk release in your root project

    cd android && gradlew assembleRelease

  3. Debug with bundle in your root project

    yarn react native run-android

and get the apk file in

android\app\build\outputs\apk\debug

i usually do this if the device i working on doesn't have an usb cable, so i copy the file there, and sent it to the cloud, download it to device and install it, after that i just shake the phone and go to settings and setup debug server ex: 10.xxx.xxx:8081 then run yarn start in cmd shake the device and choose refresh

the difference is here between react-native run-android and gradlew assembleDebug react-native run-android Vs ./gradlew assembleDebug

Answer from Gus Nando on Stack Overflow
🌐
React Native
reactnative.dev › docs › environment-setup
Get Started with React Native · React Native
1 week ago - The team at Expo also provides ... process. To create a new Expo project, run the following in your terminal: shell · npx create-expo-app@latest ·...
Top answer
1 of 8
16
  1. npm uninstall --global react-native-cli
  2. Install node js (i use node js version 12.10.0 here), i dont use the latest one because there is a bug i cant run my react native app
  3. install python2 jdk8 and yarn
  4. install android studio and sdk and add ANDROID_HOME to environment variable
  5. use npx react-native init ProjectName to create new project
  6. use yarn react-native run-android or yarn react-native run-ios to run the project

@Raeygzz if you want to use react-native related command add yarn/npx in the beginning of the command

yarn react-native run-android
yarn react-native run-ios

or

npx react-native run-android
npx react-native run-ios
  1. if you want to create apk debug use in your root project

    cd android && gradlew assembleDebug

  2. apk release in your root project

    cd android && gradlew assembleRelease

  3. Debug with bundle in your root project

    yarn react native run-android

and get the apk file in

android\app\build\outputs\apk\debug

i usually do this if the device i working on doesn't have an usb cable, so i copy the file there, and sent it to the cloud, download it to device and install it, after that i just shake the phone and go to settings and setup debug server ex: 10.xxx.xxx:8081 then run yarn start in cmd shake the device and choose refresh

the difference is here between react-native run-android and gradlew assembleDebug react-native run-android Vs ./gradlew assembleDebug

2 of 8
1

The first thing you need to do is delete react-native-cli:

npm uninstall react-native-cli or npm uninstall --global react-native-cli

Then, install Expo CLI if you have NodeJS 10 LTS or greater installed: npm install -g expo-cli

You should be able to make new react native app now with expo-cli like that : expo init ProjectName

Expo is a tool that allows you to set up a development environment on your phone. For more information, see the documentation here: https://expo.io/

It is the most efficient and fastest way to develop, test and deploy an application

Discussions

npm create-react-app or npx create-react-app?
npm will install it locally. It's up to you to keep it up to date. npx will pull the latest version, run the scripts to scaffold your new app, then go get deleted (basically). Most people like to use npx for create react app instead of installing it locally and keeping it up to date More on reddit.com
🌐 r/reactjs
14
6
September 5, 2022
npx create-react-app outdated ?
🌐 r/react
48
20
June 21, 2023
Difference between npx react-native init and npx create-react-native-app ?

I tried to do a similar project for my college course but couldn't because react-native-camera doesn't support accessing camera frames on the JS side. If you still want to do this with RN, get ready to write some native code.

Btw, I had to do my project in Flutter: https://github.com/farshed/DeepGaze/

More on reddit.com
🌐 r/reactnative
3
1
February 23, 2019
npx create-expo-app@latest
Neither react native nor expo require typescript. The answers to your questions are in the documentation for create-expo-app . More on reddit.com
🌐 r/reactnative
5
1
August 15, 2024
🌐
Galaxies.dev
galaxies.dev › quickwin › start-react-native-app
Create a React Native App | Galaxies.dev
January 11, 2024 - If you decide to start with Expo, you can use the following command to create a new React Native App: ... This will guide you through a dialog with questions about your app, like the name, the template, or whether you want Typescript. Note: You can also use yarn or bun instead of npx if you prefer.
🌐
Medium
medium.com › code-well › create-react-native-app-using-expo-cli-or-react-native-cli-7d17c8e7ed8b
Create React Native app using Expo CLI or React Native CLI | by Sneh Pandya | Code Well Mobile | Medium
July 2, 2021 - Once you’ve set up Android Studio ... create a new React Native project named FirstProject using React Native CLI: npx react-native init FirstProject cd FirstProject npx react-native start...
🌐
React
react.dev › learn › creating-a-react-app
Creating a React App – React
Expo is a React framework that lets you create universal Android, iOS, and web apps with truly native UIs. It provides an SDK for React Native that makes the native parts easier to use.
🌐
Expo Documentation
docs.expo.dev › tutorial › create-your-first-app
Create your first app - Expo Documentation
Run the following command in your terminal: Terminal · Copy · # Create a project named StickerSmash · - npx create-expo-app@latest StickerSmash # Navigate to the project directory ·
Find elsewhere
🌐
GitHub
github.com › facebook › create-react-app
GitHub - facebook/create-react-app: Set up a modern web app by running one command.
To create a new app, you may choose one of the following methods: ... (npx is a package runner tool that comes with npm 5.2+ and higher, see instructions for older npm versions)
Starred by 104K users
Forked by 27.2K users
Languages   JavaScript 98.4% | Shell 1.2% | CSS 0.1% | HTML 0.1% | AppleScript 0.1% | TypeScript 0.1%
🌐
Expo Documentation
docs.expo.dev › more › create-expo
create-expo-app - Expo Documentation
create-expo-app is a command-line tool to create and set up a new Expo and React Native project. This tool simplifies the initialization process by providing various templates to get started quickly without the need for manual configuration.
🌐
GitHub
github.com › callstack › react-native-builder-bob › discussions › 521
How to create example app in react native cli? · callstack/react-native-builder-bob · Discussion #521
February 1, 2024 - Navigate to the Example App Directory: After the project is created, navigate into the newly created example app directory: ... Install Your NPM Package: If your npm package is published on npmjs.com, you can install it directly using npm or yarn. Run the following command to install your npm package: ... Import and Use Your Library: Inside your React Native app code, import and use components or functions from your npm package as needed.
Author   callstack
🌐
React Navigation
reactnavigation.org › docs › getting-started
Getting started | React Navigation
If not, we highly recommend you to gain some basic knowledge first, then come back here when you're done. ... If you're starting a new project, you can use the React Navigation template to quickly set up a new project with Static configuration: npx create-expo-app@latest --template ...
🌐
npm
npmjs.com › package › create-react-native-app
create-react-native-app - npm
July 2, 2024 - It's recommended to use a framework to build apps with React Native, learn more. Create a new Expo project with create-expo-app instead: # Usage for bun, npm, pnpm, and yarn $ npm create expo $ bun create expo $ pnpm create expo $ yarn create expo # Output help information with all available options $ npx create-expo --help
      » npm install create-react-native-app
    
Published   Jul 02, 2024
Version   4.0.0
Author   Expo
🌐
React
legacy.reactjs.org › docs › create-a-new-react-app.html
Create a New React App
October 20, 2020 - Expo is a React framework that lets you create universal Android, iOS, and web apps with truly native UIs. It provides an SDK for React Native that makes the native parts easier to use.
🌐
Educative
educative.io › answers › how-to-create-a-new-react-native-project
How to create a new React Native project
Before you can run the application on the web, you first need to navigate to the project directory and install a few dependencies by using the following command: npx expo install react-native-web@~0.18.10 [email protected] @expo/webpack-config@^18.0.1
🌐
DEV Community
dev.to › wafa_bergaoui › how-do-i-start-a-new-react-native-app-21m3
How Do I Start a New React Native App? - DEV Community
December 23, 2024 - 2.1 Using Expo CLI · Run the following command to create a new project: expo init MyReactNativeApp · Follow the prompts to choose a template. 2.2 Using React Native CLI · Run the following command: npx react-native init MyReactNativeApp ·