Memulai React Native Di Windows

cara install react native beserta bahannya -  React native yaitu agenda untuk menciptakan aplikasi mobile yang ditulis dalam bahasa javascript. React native mendukung 2 sistem operasi yaitu ios dan android hanya dengan sekali program. Hasil dari aplikasi yang dibentuk dengan react native yaitu aplikasi mobile yang benar-benar native (bukan web view).

Baca Juga: Cara Terima Semua Lisensi SDK Android di Windows/Linux

Artikel kali ini akan menjelaskan secara singkat dan lengkap ihwal apa saja yang dibutuhkan untuk memulai react native sebagai persiapan awal dan cara installnya.

A. Perlengkapan Yang Harus Diinstall
1. Android Studio. Download Disini
2. Java Development Kit (JDK). Download Disini
3. Node Js. Download Disini
4. Genymotion Android Emulator + Virtual Box. Download Disini
5. Python2. Download Disini

Pastikan seluruh perlengkapan sudah terinstall dengan sempurna.

B. Setting Environment Variable
1. Klik start, kemudian cari environment variables

Buka System Environment Variables

2. Klik Environment Variables

Buka Environment Variables Windows

3. Pada User Variable, klik New, kemudian tambahkan menyerupai yang ada di kotak merah

Tambah User Variables

*Keterangan: Untuk value ANDROID_HOME dan JAVA_HOME, silahkan sesuaikan dengan lokasi folder SDK (bersama Android Stuido) dan JDK di komputer mu. Jika kau menginstall Android Studio dan JDK secara default, kau dapat memasukan value berikut ini.

ANDROID_HOME:

C:\Users\USERNAME_KOMPUTER_MU\AppData\Local\Android

JAVA_HOME:

C:\Program Files\Java\jdkVERSI_JDK_MU

C. Install React Native
1. Buka CMD sebagai admin

Buka CMD Sebagai Administrator

2. Masukan perintah:

npm i -g react-native

Install React Native

3. Tutup CMD

D. Menjalankan Android Emulator
1. Buka aplikasi Genymotion (aplikasi android emulator yang cukup ringan).

2. Pilih device android/ios mana yang ingin dijadikan emulator. Lalu klik ikon titik 3 vertikal, lalu Install

Install Device Android

3. Setelah device diinstall, scroll ke paling atas. Kamu akan menemukan My Installed Device. Start device yang sudah diinstall tadi.

Start Device Emulator

4. Emulator akan terbuka. Biarkan emulator tetap terbuka

Emulator Berhasil Berjalan

E. Membuat Projek React Native
1. Buat folder untuk install aplikasi react native, kemudian buka cmd dan arahkan ke folder tersebut.

Buka CMD di Directory Khusus React Native

2. Masukan perintah berikut

react-native init reactnative1

Init React Native

3. Akan muncul folder berjulukan reactnative1 yang sudah berisi agenda react native

Folder Yang Berisi Program React Native

4. Change Directory cmd ke folder reactnative1. Masukan perintah berikut.

cd reactnative1

5. Karena tadi aku install device Samsung Galaxy S9 di Genymotion (Android), maka untuk menjalankan react native di emulator, masukan perintah berikut ini.

react-native run android

Jika kau menginstall device lain dengan OS ios di emulator, masukan perintah.

react-native run-ios

Run React Native

6. Buka emulator Genymotion

Emulator Berhasil Berjalan

G. Coba-coba edit React Native
1. Buka folder reactnative1 di text editor

2. Buka App.js, kemudian coba-coba edit deh..

Edit React Native

Oke, itulah tutorial singkat ihwal cara install react native di windows dan materi apa saja yang diperlukan. Semoga bermanfaat! Terima kasih!
Sumber https://teziger.blogspot.com/

Bagikan Artikel ini