React Native, “Learn once, write anywhere”

Apa itu React Native?

“Learn once, write anywhere”, begitulah slogan yang dimiliki oleh react native. Apa sebenarnya maksud dari slogan tersebut? Pada artikel kali ini kita akan berkenalan dengan react native dan bersama-sama belajar mengapa slogan di atas cocok untuk react native.

React Native merupakan suatu kerangka kerja (Framework) yang dikembangkan oleh facebook, digunakan untuk membuat native aplikasi untuk Android dan iOS menggunakan React. React sendiri merupakan pustaka JavaScript untuk membuat tampilan user web. Programmer web tentunya sudah familiar dengan apa itu React dan cara penggunaanya. Bagi kalian yang belum familiar dan ingin tau mengenai React, bisa langsung baca artikel berikut, atau langsung ke official dokumentasi dari React disini.

Pengembangan React Native sendiri didukung Facebook dan komunitas yang ada. Sehingga kita tidak perlu khawatir mengenai dukungan yang diberikan apabila terdapat suatu issue atau bug di React Native itu sendiri. Bahkan melalui komunitas, react native terus berkembang dengan berbagai macam project seperti React Native Windows, React Native macOS, dan React Native Web yang bertujuan untuk membuat development React Native bukan hanya menyasar untuk platform android dan iOS saja tapi dapat mengembangkan aplikasi untuk Window, macOS, dan Web.

Beberapa aplikasi populer yang menggunakan React Native dikutip dari dokumentasi sebagai berikut.

Basic Skill yang diperlukan?

1. JavaScript

React Native dikembangkan untuk mempermudah dalam melakukan pengembangan aplikasi Android dan iOS, bahasa pemprogram yang digunakan yaitu JavaScript, Sehingga pengetahuan mengenai JavaScript sangat diperlukan. Berikut beberapa sumber yang dapat digunakan untuk belajar.

• Dokumentasi JavaScript dari mozilla secara singkat disini atau secara dalam
  disini.
• The Modern JavaScript Tutorial

2. Pengetahuan Dasar pengembangan Android atau iOS?

React Native dikembangkan dengan dasar bahwa user tidak diharuskan untuk memiliki pemahaman terlebih dahulu pengenai pengembangan Android atau iOS, bahkan React. Sehingga pengguna dapat langsung belajar React Native, dimana nantinya akan disediakan juga referensi di dokumentasi React Native mengenai pengembangan Android atau iOS ketika diperlukan.

Bagaimana cara penggunaan nya?

React native dapat dijalankan melalui dua cara, cara pertama adalah dengan melakukan instalasi pada komputer personal kita, Adapun langka instalasinya dapat dilakukan seperti di bawah ini.

1. Instal NodeJS link
2. Ada dua cara untuk langkah selanjutnya

• Expo CLI Quickstart

• React Native CLI Quickstart

Langkah untuk melakukan konfigurasi React Native CLI bergantung pada tipe
sistem operasi. Pada step di bawah diasumsikan kita memakai sistem operasi
Windows

1. Install Android Studio link (pastikan untuk melakukan check list pada
   Android SDK, Android SDK Platform, Android Virtual Devices)
2. Install Android SDK , React Native memerlukan Android 12(s) SDK.
   • Buka Android Studio
   • Tekan “More Actions”
   • Pilih “SDK Manager”, Pilih tab “SDK Platforms”
   • Pilih “Show Package Detail”
   • Lalu pada Android 12 (s) bisa pilih Android SDK Platfrom 21, dengan Intel x86 Atom-64 System Image atau Google APISs Intel x86 Atom System Image.
   • Lalu pada Android SDK Buld-Tools pastikan 31.0.0 dipilih.
3. Atur environment variabel ANDROID_HOME
   • Buka Windows Control Panel.
   • Klik User Accounts, kemudian klik User Account lagi
   • Klik Change my environment variables
   • Klik New… lalu isikan Variabel Name : ANDROID_HOME dengan Variabel Value tempat installasi dari AndroidSdk

4. Tambahkan platform-tools pada Path
   a. lakukan langkah a sampai c pada langkah nomer 3.
   b. Pilih variabel Path
   c. Klik Edit
   d. Klik New dan tambahkan path sesuai letak dari platform-tool

5. Buat Project React Native

npx react-native init AwesomeProject

6. Kemudian buka folder dan install depedency

cd AwesomeProject && npm install

7. Jalankan project nya

npx react-native start

8. Cara lain untuk tetap dapat menggunakan React Native tanpa kita repot untuk melakukan instalasi adalah dengan menggunakan Expo Go.
   a. Download Expo Go dari palystore
   b. Buka expo.dev
   c. Lalu kita bisa bereksperimen dengan kode editor yang telah disediakan dan melakukan scan di aplikasi exoo go di hp android kita, maka app dapat dijalankan secara langung.

Keunggulan React Native

React native memberikan kita kemudahan untuk mendevelop apps iOS dan Android dengan menggunakan satu code yang sama. Dengan kata lain kita tidak perlu repot
untuk melakukan development yang berbeda pada masing-masing platform secara terpisah.

Keunggulan yang ditawarkan oleh react native dikutip dari official dokumen sebagai berikut.

1.Use a little — or alot.

Kita dapat menggunakan react native untuk aplikasi Android dan iOS yang telah kita kembangkan sebelumnya dengan bahasa native atau kita dapat membuat project app baru secara keseluruhan dengan react native.

2. Writting in JavaScript — rendered with native code.

Proses pengembangan aplikasi menggunakan bahasa javaScript. Kemudian dengan bantuan react native, kode kita akan dirubah (render) sesuai dengan UI native masing-masing platform.

3. Native Development for everyone.

Komponen yang dibuat dengan react native akan dipetakan sesuai dengan komponen user interface masing-masing platform. Sehingga app yang dihasilkan merupakan aplikasi native dan tidak akan mengganggu pengalaman pengguna masing-masing platform.

4. Seemless Cross-Platform

Komponen react membungkus kode native dan berinteraksi dengan API (Appication Programming Interface) native melalui paradigma react dan JavaScript.

5. Fast Refresh

Memberikan kemudahan untuk melihat perubahan sesaat setelah perubahan kode terjadi. Tidak perlu lagi untuk menunggu seperti pada aplikasi native yang membutuhkan waktu yang cukup lama.

Keunggulan-keunggulan yang ditawarkan di atas merupakan dasar mengapa React Native memiliki slogan “Learn once, write anywhere”. Kita hanya perlu belajar React Native maka kita dapat mengembangkan aplikasi android dan iOS. Tentu saja apabila basic skill kita adalah seorang web developer dan memiliki pengalaman menggunakan React maka kita bisa menggunakan pengetahuan kita tentang syntax dan fungsi di react untuk lebih mudah dan cepat memahami React Native.

Kesimpulan
React Native memberikan kemudahan bagi pengembang aplikasi mobile untuk mengembangkan aplikasi multiplatform Android dan iOS menggunakan bahasa pemprograman JavaScript. Aplikasi mobile yang telah dikembangkan menggunakan
react native oleh perusahaan populer juga cukup banyak seperti Facebook, Microsoft, dan lain-lain. Pengembang aplikasi juga sudah diberikan berbagai macam metode yang bisa digunakan untuk melakukan pengembangan aplikasi menggunakan React Native, baik melalui React Native CLI, Expo CLI, bahkan melalui web di expo.dev.

Kamu tertarik atau bahkan punya mimpi untuk berkarir di dunia Programming sebagai seorang Programmer? ini tandanya kamu cocok kalau kamu gabung di Coding.id dan bekali dirimu dengan tepat to be a professional tech talent! Klik disini untuk melakukan pendaftaran sekarang juga!