Step by step install React Native di Windows

- Persiapan

Yang perlu dipersiapkan ada tiga, yakni kamu harus menginstal: Java SEAndroid Studio dan React Native CLI. Cara instalasi Java SE dan Android Studio dapat dilihat di sini https://developer.android.com/studio/install.html. Kalau sudah selesai kamu instal, langkah selanjutnya adalah melakukan konfigurasi.

- Konfigurasi

1. Set up the ANDROID_HOME environment variable

Pastikan kamu sudah mengatur environment variable Android SDK pada sistem komputer. Kalau belum silahkan buka Control Panel → System and Security → System → Change settings → Advanced System Settings → Environment variables → New.

2. Instal packages pada SDK Manager

Selanjutnya kita akan menginstal packages yang dibutuhkan, yakni SDK Tools dan Android Marshmallow (6.0). Untuk SDK Tools, berikut adalah tools yang wajib kamu instal:

  1. Android SDK
  2. Android SDK Platform
  3. Performance (Intel ® HAXM)
  4. Android Virtual Device
  5. Android SDK Build-Tools 23.0.1

Android SDK, SDK Platform dan Android Virtual Device biasa sudah terinstal secara default, jadi kamu hanya perlu menginstal Performance (Intel ® HAXM), caranya silahkan masuk pada menu File → Settings → Appearance & Behavior → System Settings → Android SDK.

SDK Tools

HAXM

Kemudian packages pada Android Marshmallow (6.0) yang wajib kamu instal.

Setelah kamu centang semua packages yang dibutuhkan, klik tombol "Install Packages", dan tunggu hingga proses instalasi selesai.

Kalau sudah, pada halaman Android SDK pastikan Android Marshmallow API 23 sudah tercentang dengan status "Installed".

3. Set Up AVD (Android Virtual Device)

Silahkan klik icon ini.

Kemudian nanti masuk pada halaman Android Virtual Device Manager, klik tombol berikut.

Untuk device saya pilih Nexus 5, dan sistem operasinya saya pilih Android Marshmallow.

Seperti berikut.

Kalau sudah silahkan klik icon "run".

Tunggu sampai AVD launch.

4. Instal React Native CLI dan Testing.

Pastikan kamu sudah menginstal Node JS dan NPM. Kalau sudah silahkan jalankan Command Line, masuk pada Desktop dan ketik "npm install react-native-cli".

Lalu pindah ke folder project kamu dengan cara menjalankan perintah "cd namafolderprojectkamu", lalu jalankan perintah "npm install"

Terakhir, jalankan react-native run-android dan tunggu project kamu akan berjalan di emulator yang tadi kita setup.

Terima Kasih

 

  • 3 Users Found This Useful
Was this answer helpful?

Related Articles

Cara menjalankan project PHP di Localhost dengan XAMPP

Halo pejuang skripsi, Di artikel ini kami akan share bagaimana cara untuk menjalankan project...

Cara menjalankan project Laravel di Localhost dengan XAMPP

Halo pejuang skripsi, Di artikel ini kami akan share bagaimana cara untuk menjalankan project...