Cara Install React-Native di Windows 10

React Native

React Native adalah kerangka kerja aplikasi seluler open-source yang dibuat oleh Facebook. Ini digunakan untuk mengembangkan aplikasi untuk Android, iOS, Web dan UWP dengan memungkinkan pengembang untuk menggunakan Bereaksi bersama dengan kemampuan platform asli.

Aplikasi Pendukung

Untuk menjalankan project kamu membutuhkan node, React Native command line interface, Python2, JDK dan Android Studio.

Node, Python2, JDK

Kami merekomendasikan untuk instalasi node, python dan JDK menggunakan Chocolatey sebagai package manager populer di windows. Untuk cara install chocolatey bisa ke artikel berikut

Cara Install Chocolatey Software

Buka CMD dengan hak akses Administrative (Klik kanan pada Command Prompt dan pilih “run as Administrator”), dan jalankan perintah berikut:

choco install -y nodejs.install python2 jdk8

Jika di komputer kalian sudah terinstall Node, pastikan versinya 8.3 keatas. Jika JDK sudah terinstall juga, pastikan versinya 8.

Android development environment

Menyiapkan Development Environment bisa agak membosankan jika kalian baru mengenal pengembangan Android. Jika kalian sudah terbiasa dengan pengembangan Android, ada beberapa hal yang perlu kalian konfigurasi. Dalam kedua kasus, harap pastikan untuk mengikuti beberapa langkah selanjutnya dengan hati-hati.

  1. Install Android Studio

Download dan install Android Studio, Pilih pengaturan “Kustom” ketika diminta untuk memilih jenis instalasi. Pastikan kotak di sebelah semua berikut dicentang:

  • Android SDK
  • Android SDK Platform
  • Performance (Intel ® HAXM) 
  • Android Virtual Device

Lalu klik next.

2. Install Android SDK

Android Studio menginstal Android SDK terbaru secara default. Namun, membangun aplikasi React Native memerlukan Android 9 (Pie) SDK. SDK Android tambahan dapat diinstal melalui SDK Manager di Android Studio.

SDK Manager dapat diakses dari layar “Welcome to Android Studio”. Klik pada “Configure”, lalu pilih “SDK Manager”.

Lalu klik apply untuk mendownload package.

3. Konfigurasi Environment Variable ANDROID_HOME

Buka Control Panel lalu klik System and Security > System > Advanced system settings. Lalu pada tab advanced klik Environment Variables. Klik New pada user variables lalu arahkan ke Folder SDK Android studio. Letak folder SDK dapat dilihat pada gambar langkah ke 2.

4. Tambahkan platform-tools ke Path

Pada User Variables di Environment Variables. Klik Path > New tambahkan direktori platform-tools kalian.

Membuat Project Baru

React Native menggunakan Command Line Interface sebagai antarmuka, Kalian tidak perlu menginstal aplikasi tambahan untuk membuat project baru, cukup dengan mengetikan perintah berikut pada CMD

npx react-native init AwesomeProject

Untuk menginstal React Native dengan versi tertentu dapat menggunakan perintah berikut

npx react-native init AwesomeProject --version X.XX.X

Mempersiapkan Perangkat Android

Untuk menjalankan React Native kalian memerlukan perangkat android. kalian dapat menggunakan perangkat fisik ataupun virtual.

menggunakan perangkat fisik

Jika kamu ingin menggunakan perangkat fisik kamu harus mengaktifkan debugging pada Developer Mode dan hubungkan menggunakan kabel USB.

menggunakan perangkat virtual

Jika kamu menggunakan Android Studio, kamu dapat melihat list dari Android Virtual Device (AVD) dengan membuka “AVD Manager”. Jika belum memiliki AVD silahkan buat terlebih dahulu.

Jalankan aplikasi React Nativemu

Jalankan perintah react-native run android pada project yang telah kamu buat.

AwesomeProject on Android

Selamat! Kamu sudah berhasil menginstal Project React Native pertamamu.

2 Replies to “Cara Install React-Native di Windows 10”

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *