Install react native
Saat ini saya menggunakan versi react-native 0.55, pastikan bahwa anda sudah menginstall nodejs dan npm di mint anda. kemudian jalankan perintah berikut
sudo npm install -g react-native-cli
prefix -g merupakan perintah bahwa react-native tersebut akan diinstall secara global.
jika anda gagal menginstall misalnya ada pesan Cannot find module 'npmlog', maka jalankan perintah berikut :
curl -0 -L https://npmjs.org/install.sh | sudo sh
Install yarn
yarn merupakan package manager yang dirilis oleh facebook, yarn ini seperti npm namun memiliki fitur download parallel (simultant) berbeda dari npm yang proses download package dilakukan dengan metode sekuensial.
sudo npm install -g yarn
Install JDK dan beberapa aplikasi yang diperlukan
sudo apt install jdk sudo apt-get install g++ sudo apt-get install python-software-properties //lakukan update terhadap repositories : sudo add-apt-repository ppa:webupd8team/java sudo apt-get update sudo apt-get install oracle-java8-installer sudo apt-get install lib32z1 lib32ncurses5 libbz2-1.0:i386 libstdc++6:i386 sudo apt install oracle-java8-set-default export JAVA_HOME=$(update-alternatives --query javac | sed -n -e 's/Best: *\(.*\)\/bin\/javac/\1/p')
Install Geny Motion
geny motion adalah emulator android yang menurut pengalaman saya jauh lebih responsive dari bawaan emulator android studio. Kita perlu menggunakan emulator ini sebagai pengganti emulator dari android studio. Langkah instalasinya adalah anda perlu mendaftar dulu (gratis) di situs geny motion kemudian download geny motion disini.
Setelah itu anda bisa langsung install geny motion. Proses instalasi selesai maka anda perlu menambahkan emulator, berikut emulator rekomendasi.
install android studio
download android studio khusus untuk linux pada link berikut Android Studio kemudian extract file zip dari android studio tersebut sehingga menghasilkan folder android-studio
kemudian jalankan perintah berikut untuk menginstall android studio tersebut :
cd android-studio/bin ./studio.sh
perintah tersebut akan menginstall android studio di komputer anda. Pilih install Custom pada pilihan theme pilih sesuai dengan kesukaan anda. Yang paling penting adalah anda harus mencheck pilihan berikut :
Android SDKAndroid SDK PlatformAndroid Virtual Device
Setup android studio secara otomatis akan menginstall android SDK dan menambahkan folder home/user anda dengan nama folder Android.
kemudian anda perlu setup sdk geny motion dengan menggunakan sdk yang telah berhasil anda install tersebut caranya klik menu Setting di geny motion dan arahkan pada pilihan Use custom Android SDK tools pada folder yang telah dibuat otomatis pada proses instalasi.
Langkah berikutnya kita perlu membuat file .bash_profile di folder home/user dengan cara berikut :
touch .bash_profile
(pada linux mint file ini tidak ada sehingga perlu dibuat) kemudian edit file tersebut, saya menggunakan pluma editor disini .
pluma .bash_profile
setelah itu tambahkan baris berikut pada file tersebut
export ANDROID_HOME=$HOME/Android/Sdk export PATH=$PATH:$ANDROID_HOME/tools export PATH=$PATH:$ANDROID_HOME/tools/bin export PATH=$PATH:$ANDROID_HOME/platform-tools
setelah itu update setting dari bash_profile tadi dengan perintah : source ~/.bash_profile
apabila .bash_profile tersebut tidak jalan (pada linux mint anda perlu menjalankan perintah source .bash_profile setiap kali anda restart komputer), maka anda bisa tambahkan ( baris-baris yang ada export tadi diatas ) konfigurasi tersebut pada file .bashrc
Uji coba react native
1. Buat project baru :
react-native init AwesomeProject
2. Jalankan emulator geny motion yang telah diinstall sebelumnya
3. Kemudian anda perlu menjalankan app react tadi dengan perintah berikut :
cd AwesomeProject react-native run-android
anda mungkin akan menemukan error berikut : error: no devices/emulator found
abaikan saja error tersebut kemudian silahkan anda browse aplikasi di emulator geny motion, akan ditemukan satu aplikasi react-native yang baru saja kita buat :
apabila anda menemukan error berikut :
maka anda perlu restart komputer anda untuk menghilangkan cache npm.
