Hallo, sahabat kodinger tutorial kali ini akan belajar
bagaimana memulai Pengembangan Mobile Apps dengan React Native.
Apa sih react native itu?
Ok sahabat kodinger, sebelum lanjut ke bahasan utama, saya akan jelaskan sedikit apa itu react
native. React Native ini merupakan
suatu framework yang di buat oleh facebook developer. Keuntungan menggunakan
Framework react native ini adalah kita bisa mengembangkan aplikasi android dan
iOs sekaligus loh kawan dengan menggunakan Bahasa pemograman JavaScript. React native ini menggunakan component
android dan IOS namun tetap dalam Bahasa pemograman JavaScript.
React native digunakan para developer untuk membuat aplikasi
mobile baik android maupun IOS tidak seperti Phonegap/cordova yang berbasis web
mobile , react native memanglah native mobile. Banyak perusahaan yang memakai
framework ini dalam pengembangan aplikasinya karena kemudahan dan powerfullnya.
Kawan kodinger bisa cek saja untuk melihat lengkapnya perusahaan apa saja yang
memakai framework ini. Di : https://facebook.github.io/react-native/showcase.html
Ok kawan kodinger, mari kita lanjut pembahasan awal kita
yaitu memulai menggunakan framework React
Native ini.
Hal yang akan di Bahas disini yaitu kita akan memulai
beberapa persiapan untuk memulai react ini,
Jika kita menggunakan
OS Linux :
Step I : Installing Android Studio
Mengapa harus install android studio, karena kita akan
memakai SDK yang ada di android untuk bisa membuild aplikasi kita. Cara install android studio bisa lihat di : https://developer.android.com/studio/install.html?hl=id.
Setelah kawan kodinger selesai menginstall android studio,
jangan lupa untuk konfigurasi ANDROID_HOME
kalian:
Caranya : buka terminal kalian lalu ketik ~/bashrc
kemudian masukan data path android sdk kalian :
‘export ANDROID_HOME=<path_where_you_unpacked_android_sdk>’.
Step II : Install
Node Js
Langkah kedua yaitu kawan kawan install Node JS
Step III: Install
React native Command line tools
Langkah selanjutnya yaitu kawan kawan install framework
react naïve nya, lewat terminal dengan memasukan kode berikut :
$ npm install -g react-native-cli
Step IV: Membuat projek React Native
Tahap ini saatnya kawan membuat aplikasi mobile dari react
native, jalankan perintah berikut untuk membuat project baru :
$ react-native init
AwesomeProject
Kawan kodinger bisa mengedit project ini melalui text editor
seperti : Sublime, Visual Studio Code, VIM, Atom, dan lain sebagainya.
Langkah berikut nya, kawan kawan jalan kan perintah berikut
pada terminal :
·
$ cd
AwesomeProject
Setalah mengedit program pertama kawan, jalankan aplikasi
dengan perintah :
·
$
react-native run-android
Sebelum menjalankan
perintah di atas, kawan kodinger harus menjalankan perintah :
npm install
Dan jalankan server react native:
·
$
react-native start
Yeay, aplikasi pertama sudah bisa di jalankan.
Lebih detailnya bisa lihat dokumentasi dari react nativenya
: