React Native : Tutorial 1

0
65

Berkenalan dengan React Native

React Native adalah javascript framwork untuk mengembangkan aplikasi Mobile sekaligus, artinya kita bisa membuat aplikasi Android dan iOS dalam satu kali Development.

Keuntungan Menggunakan React Native

  • Kita cuma harus belajar “Javascript” dan sudah bisa buat Android & iOS.
  • hemat gaji 1 developer. “Gaji developer ga murah bos”
  • React Native mudah  untuk di pelajari, lebih mudah di bandingkan “Native”.
  • Dari segi performa, “React Native” tidak kalah dari “Native” walaupun sekarang Native masi lebih unggul.
  • Dokumentasi yang ada sudah lengkap dan juga sudah banyak library-library yang kita bisa gunakan untuk pengembangan aplikasi sesuai kebutuhan kita.

Bagaimana React Native bekerja?

React Native bekerja dengan dengan menanamkan file Javascript yang sudah di-bundle didalam aplikasi, dan menjalankan mereka secara local dari aplikasi yang kita buat. Namun kita juga dapat meletakan file Javascript kita didalam server dan diambil ketika ada koneksi hal ini memungkin kan kita untuk melakukan update aplikasi secara cepat tanpa melalu proses submit ke Google Playstore atapun iOS Appstore. Untuk UI dan UX, React Native juga mengunakan Javascript untuk styling hampir mirip dengan CSS diweb namun dengan CamelCase.

  • React Native

Persiapan Sebelum mulai membuat App Mobile (case:Android)

karna saya menggunkan ubuntu, jadi saya kan menjelaskan persiapan apa saja yang di perlukan untuk membangaun aplikasi Android menggunakan OS ubuntu.

  1. Install Java. teman-teman bisa lihat tutorial nya pada link berikut :
    https://www.digitalocean.com/community/tutorials/how-to-install-java-with-apt-get-on-ubuntu-16-04
  2. Install Node JS dan NPM. biasa nya ketika install NodeJS juga sudah terinstall :
    https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-16-04
  3. Install Android SDK. sekalian aja install Android studio biar gak ribet.
    https://developer.android.com/studio/index.html
  4. React Native CLI.

Jangan Lupa Setting ANDROID_HOME environment dan  JAVA_HOME environment, Cara setting JAVA_HOME bisa di lihat di tutorial poin 1.

Setting ANDROID_HOME sebagai berikut :

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

selanjut nya kita install React Native CLI, buka Terminal kemudian gunakan perintah Berikut :

npm install -g react-native-cli

Kemudian Buat project Baru, Cara nya? tingga gunakan Perintah Berikut :

react-native init AwesomeProject

AwesomeProject merupakan anda, kalian bisa menggunakan nama apa aja.

selanjut nya adalah persiapan Device Android. untuk penjalankan React Native App kalian bisa menggunakan physicall device atau virtual divice, saya menggunkan physical device. persipan nya cuman cabel USB disambungkan ke device android ke komputer, jangan lupa aktifkan developer option di setting-an Android anda.

selanjut nya kita coba jalanjan Apikasi React Native yang sudah kita buat :

cd AwesomeProject 
react-native run-android

ini hasil coba-coba saya.

pada tutorial selanjut nya kita kan coba otak-atik UI nya. 🙂