Membuat Aplikasi Android Menggunakan Windows dengan Framework React Native

Intro 

React Native  sendiri adalah framework open source buatan facebook yang dibuat setelah facebook sebelumnya membuat react.js, ReactJS merupakan sebuah library dari facebook yang dapat digunakan untuk membangun antarmuka pengguna atau biasa disebut dengan (UI). nah apa itu react native, adalah framework open source untuk membuat aplikasi multi-platform (android, ios dan windows platform"dalam tahap pengembangan") dengan bahasa javascript, oke pertama saya akan share bagaimana menggunakan react native untuk membuat aplikasi android di windows

Persiapan Material

• Install JDK (versi yang paling baru)
• Install Node JS
• Install  Android Studio + SDK

React Native CLI

Jalankan perintah berikut di Command Prompt

npm install -g react-native-cli

1. Buka Android Studio
Pilih setup "Custom" pada saat instalasi  pastikan semua tercentang ya

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

Lalu klik "Next" untuk install semua yang di atas

2. Install Android SDK nya

SDK Manager dapat di akses di popup "Welcome to Android Studio" klik Configure lalu pilih SDK Manager, juga dapat ditemukan di "Preferences"

Appearance & Behavior → System Settings → Android SDK

Pilih SDK Platforms centang kotak untuk melihat detail nya  pilih sesuai gambar ya teman teman

Kalau sudah Klik SDK Tools 

akhir nya Klik Apply yah untuk download dan install android SDK

3. Konfigurasi Setting ANDROID_HOME environment variable

Buka Control Panel pilih System And Security klik Change Settings. . . Buka Advanced lalu klik Environment Variable klik new untuk membuat ANDROID_HOME 

untuk default SDK Location

c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk

Mulai Membuat Aplikasi

Kita akan membuat project baru dengan nama "AwesomeProject" dengan menjalankan perintah di command Prompt

react-native init AwesomeProject

sembari menunggu proses pembuatan project kita buka Emulator atau bisa menggunakan Android Devide Buka android studio create new AVD pilih Create Virtual Device

Setting dan sesuikan sama spek leptop atau pc teman teman yah kalau saya pakai Marshmallow sesuai gambar di bawah

kalau sudah klik Next 

kalau udah klik  tanda play yang warna ijo 

 Jalankan AwesomeProject 

kalau kepingin lihat apa saja yang dibuat react native buka menggunakan text editor / IDE nya teman teman.

Buka command prompt dan jalankan perintah di bawah untuk menjalankan project

cd AwesomeProject
react-native run-android

kalau semua step berjalan dengan baik maka  AVD / emulator nya  teman teman akan tampil wajah awal React Native

sekian untuk tutorial Installasi React Native semoga bisa membantu teman teman

Referensi :https://facebook.github.io/react-native/docs/getting-started.html , https://www.codepolitan.com/memulai-pengembangan-android-dengan-react-native-di-windows-57b85678b26a9-17960