Daftar Perintah Command Development React Native & React

Dalam melakukan pekerjaan saya sebagai developer, terdapat berbagai perintah-perintah yang harus di ingat, namun karena jarang digunakan terkadang lupa bagaimana perintah-perintah tersebut diketik, akibatnya saya harus mencari / mengoogle kembali apa perintahnya. Artikel ini dibuat sebagai cheat sheet pengingat kembali perintah-perintah tersebut.

Berikut adalah semua penjelasan perintah yang digunakan untuk menggembangkan aplikasi menggunakan React & React Native

Perintah untuk Project Bare react-native khusus aplikasi Mobile

Membuat Project

npx react-native init my-app
npx react-native init my-app --template

Menjalankan Aplikasi

cd my-app
npx react-native run-android
npx react-native run-ios

    - or -

// IOS Only
Open app/ios/app.xcworkspace in Xcode or run "xed -b ios"
Run button

Compile Aplikasi

Android

./gradlew assembleDebug     // compile development build 
./gradlew assembleRelease   // compile apk build 

./gradlew bundleRelease     // compile aab build

adb kill-server             // kill adb server 
./gradlew --stop            // stop gradlew build
./gradlew clean             // cleaning build cache 

IOS

Submit ke Store

Play Store

App Store

Perintah untuk Project Managed Workflow menggunakan Expo khusus untuk Mobile

Membuat Project

npx create-expo-app
npx create-expo-app my-app

npx create-expo-app --template
npx create-expo-app [name] --template blank@45

npm create-expo-app [name] --template blank@45
yarn create-expo-app [name] --template blank@45
pnpm create-expo-app [name] --template blank@45

Menjalankan aplikasi

cd my-app

npx expo start
npx expo start -c // cleaning cache
npx expo start --android
npx expo start --ios
npx expo start --web

npm run start 
npm run android
npm run ios 
npm run web

  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web"

  },

Compile Aplikasi

eas init    // mendaftarkan fitur eas 

eas build:configure  // mengkonfigurasi setting build 
eas build -p android 
eas build -p ios 
eas build -p android --local
eas build -p ios --local

eas build -p ios --profile development --local
eas build -p ios --profile preview --local
eas build -p ios --profile developmentios --local

Submit Aplikasi

eas submit 
eas submit -p android 
eas submit -p ios 

Perintah untuk Project react khusus untuk Web

Membuat Project

npx create-react-app my-app

Menjalankan Aplikasi

Memulai server pengembangan.

cd my-app
npm start

Compile Aplikasi

Bundel aplikasi ke dalam file statis untuk produksi.

npm run build

npm test

    Starts the test runner.


npm run eject

    Removes this tool and copies build dependencies, configuration files

    and scripts into the app directory. If you do this, you can’t go back!