Install React Native Tanpa Android Studio pada Linux Mint 18

Tutorial kali ini yaitu cara menginstall react native pada sistem operasi linux untuk memulai pemrograman mobile (android) tanpa Android Studio. Tulisan ini terinspirasi dari kisah sedih 3 hari yang lalu, niatnya ingin memulai belajar Android Studio dengan berbekal RAM 4 GB pada Thinkpad T430s, namun berakhir tragis! tersendat-sendat alias nge-lag 😓.

Oke langsung saja, disini Saya menggunakan distro Linux Mint 18 Sarah, berikut perlengkapan yang perlu dipersiapkan:

• Java JDK 8.
• Node.js dan react-native-cli.
• Perangkat Android (untuk debugging), karena disini kita tidak membuat virtual device.

Instalasi JDK 8

Pada distro yang berbasis Ubuntu 16.04 biasanya sudah tersedia JDK versi 8 pada package default nya, jadi dengan mudah kita tinggal ketikan perintah berikut ini.

sudo apt-get install default-jdk

Setelah selesai lakukan pengecekan versi JDK yang baru kita install seperti dibawah ini.

 

Screenshot diatas menandakan kita telah berhasil melakukan instalasi Java JDK 8. Untuk instalasi Node.js dapat merujuk pada tulisan sebelumnya disini.

Instalasi React Native

Untuk menginstall react-native-cli secara global jalankan perintah berikut ini.

npm install -g react-native-cli

Instalasi SDK Android
Buka alamat https://developer.android.com/studio/index.html lalu scroll ke bawah dan pilih opsi "Get just the command line tools". Pastikan sesuaikan dengan platform yang kita gunakan, pada tulisan ini pastinya platform-nya linux.
Ekstrak hasil sdk yang telah kita download, berisi folder tools. Lalu pindahkan folder tools tersebut ke folder /opt/android, jika belum ada silahkan buat folder tersebut dengan perintah berikut.

sudo mkdir /opt/android

Lalu pindahkan folder tools tadi ke dalam folder android yang telah kita buat.

sudo move tools /opt/android 

Jangan lupa untuk menambahkan PATH ANDROID dengan nama ANDROID_HOME atau whatever-lah itu kedalam ~/.bashrc.

echo "export ANDROID_HOME=/opt/android" >> ~/.bashrc

Hasilnya seperti berikut.

Download paket sdk yang dibutuhkan
Merujuk pada link berikut https://facebook.github.io/react-native/docs/getting-started.html, kita perlu melakukan instalasi terhadap paket-paket yang dibutuhkan oleh react-native-cli, antara lain:

• Android 6.0 (Marshmallow) SDK (platform 23)
• Android build tool 23.0.1
• Google APIS

Jalankan perintah berikut ini.

/opt/android/tools/bin/sdkmanager "platforms;android-23" "build-tools;23.0.1" "add-ons;addon-google_apis-google-23"

Selanjutnya akan muncul pertanyaan dan pilih saja "y".

Mengaktifkan USB Debugging pada Perangkat Android
Karena disini kita menggunakan perangkat android untuk proses debugging, maka sebelum lanjut ke tahap pembuatan project pastikan opsi "Usb debugging" pada perangkat android telah di-enable. 
Caranya masuk ke Setting > pilih About Phone > ketuk 7 kali pada Build Number.
Sekarang masuk kembali ke Setting > pilih Developer options > USB debugging.

Selanjutnya sambungkan perangkat android dengan kabel USB lalu jalankan perintah berikut untuk menghubungkan perangkat android dengan PC atau laptop yang kita gunakan.

adb devices

Jika terhubung, akan muncul perangkat android anda pada List of devices attached.

Membuat Project Pertama
Kita akan membuat project pertama dengan nama AwesomeProject

react-native init AwesomeProject
cd AwesomeProject
react-native run-android 

Proses ini memerlukan waktu untuk men-download gradle dan dependesi java lainnya. Jika instalasi berhasil, lihat pada perangkat android akan muncul sebuah aplikasi React Native seperti dibawah ini.

Selesai, bagaimana? cukup mudah kan?
Demikian tulisan kali ini, happy coding!

Referensi:
https://facebook.github.io/react-native
https://medium.com/skyshidigital