Install react native di ubuntu 18.04

Assalamu’alaikum.

React native merupakan framework javascript yang digunakan untuk mengembangkan aplikasi mobile (Android/IOS), disini saya akan menjelaskan langkah-langkah install dan setup react native pada ubuntu 18.04.

Instalasi

Install NodeJS

curl -sL https://deb.nodesource.com/setup_9.x | sudo -E bash -
sudo apt-get install -y nodejs

Install NPM
NP akan terinstall secara otomatis ketika anda menginstall NodeJS, tetapi anda juga bisa menginstal versi terbarunya dengan cara
sudo npm install npm@latest -g

Install JDK
Karena android native adalah java, maka kita tetap memerlukan JDK.

sudo add-apt-repository ppa:openjdk-r/ppa
sudo apt-get update
sudo apt-get install openjdk-8-jdk

Install Android Studio
Android studio bisa didapat pada link berikut https://developer.android.com/studio/ karena file cukup besar, bisa download sambil ngopi-ngopi dan nyemil.

Install Android SDK
Setelah android studio terinstall, kita bisa menginstall android sdk lewat sdk manager pada android studio. Caranya bikin project kosong, kemudian pada menu Tools -> SDK Manager dan install android SDK sesuai versi yang anda inginkan, di centang seluruhnya juga boleh, tetapi kali ini jangan cuma siapin camilan dan kopi, siapin juga nasi goreng karena cukup lama proses downloadnya.
Berikut contoh SDK manager di tempat saya.

Konfigurasi ANDROID_HOME environtment variable
Edit file ~/.bashrc dan tambahkan beberapa line berikut pada bagian bawah

export ANDROID_HOME=$HOME/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

Install React Native CLI
Jalankan perintah berikut, untuk lebih detail bisa dilihat pada halaman https://facebook.github.io/react-native/docs/getting-started
sudo npm install -g react-native-cli

Membuat project
Untuk membuat project react native kita bisa menggunakan perintah berikut (letak project bisa dimana aja, kalau saya berada di /home/shelgi/project/)
react-native init nama_project

setelah project berhasil masuk ke root directory dari project tersebut kemudian jalankan perintah npm install
dan selamat project pertama anda telah berhasil dibuat.

Menjalankan pada device android
Jika anda ingin menjalankan atau mengetes project pertama anda, saya sarankan untuk langsung menggunakan device android yang anda punya daripada menggunakan emulator karena akan sangat berat. Jika anda ingin menggunakan device android anda, pastikan pada ubuntu anda sudah terinstall adb, kalau belum bisa menjalankan perintah sudo apt install adb
kemudian sambungkan device anda dengan komputer, dan enable usb debuging pada device android anda. Untuk mengecek apakah device anda sudah terbaca oleh komputer, jalankan perintah adb devices
kalau sudah, pindah pada root directory dari project anda dan jalankan perintah

react-native run-android

Sekian tutorial kali ini, semoga bermanfaat. Silahkan komen kalau ada masalah atau ada bagian tutorial yang kurang. Terimakasih.

Leave a Reply

Your email address will not be published. Required fields are marked *