Belajar Mobile Development dengan Expo

Belajar Mobile Development dengan Expo - Dalam seri kali ini kita akan mempelajari bagaimana membuat aplikasi Mobile untuk Android dan IOS sekaligus dengan menggunakan Expo (React Native). Seperti yang kita ketahui, dalam pengembangan aplikasi untuk android dan IOS salah satu framework yang populer adalah Expo (React Native).

Pengenalan Expo

Apa itu Expo? Expo adalah sebuah Framework berbasis React Native yang memungkinkan kita membangun aplikasi berbasis Android dan untuk Iphone (IOS) dan bahkan Website hanya sekali tulis code (dengan react native) saja, atau istilahnya Cross Platform. Hal ini tentu saja akan menghemat waktu developer dalam membuat sebuah aplikasi, dibandingkan jika kita menggunakan native code untuk masing - masing sistem operasi seperti Android Studio (Java) untuk Android dan Swift untuk Apple IOS.

Apalagi untuk para developer yang sudah familiar dengan javascript akan sangat mudah migrasi menjadi mobile developer dengan React Native Expo ini.

Dari segi performapun, aplikasi dengan Expo ini tidak kalah dengan aplikasi yang dibangun dengan native. Dan banyak pula perusahaan - perusahaan besar yang menggunakan React Native ini. Untuk itu, mari kita mulai mempelajari Expo.

Persiapan (Instalasi Tools)

Biasanya, kalau kita ingin membuat aplikasi Android kita perlu Android Studio (Berat dan perlu resource besar), atau kalau kita ingin mengembangkan aplikasi IOS kita perlu perangkat MacBook (XCode) dan tidak bisa menggunakan Windows apalagi Linux. Nah Expo hadir untuk mengatasi hal tersebut, dengan Expo kita tidak perlu menginstall Android Studio atau XCode dan tidak perlu terpaku menggunakan Macbook. Kita bisa mengembangkan aplikasi baik itu android atau ios secara mudah di windows, macos atau bahkan Linux.

Persyaratan aplikasi

Untuk menjalankan Expo kita hanya perlu menginstall Node.JS. Kalian bisa mendownload langsung dari website https://nodejs.org/en.

Bagi yang menggunakan Linux Ubuntu berikut cara instal node.js: https://tuxnuxt.com/blog/cara-install-nodejs-di-ubuntu-24.

Setelah itu, kita langsung bisa mulai membuat project Expo (React Native) dengan cara:

Buka terminal/cmd
Ketikan perintah berikut:
```
npx create-expo-app@latest
```
Tunggu sampai selesai, dan project-nya bisa dibuka di VSCode.

Menjalankan Aplikasi Di HP/Perangkat Android/Iphone

Enaknya menggunakan Expo ini, kita bisa langsung menjalankan program yang sedang kita buat langsung di HP Android dan IOS (Berbarengan pun bisa).

Caranya:

Download aplikasi Expo Go di HP Android / Iphone (IOS) kalian
Pastikan HP dan Laptop/Komputer kita dalam 1 jaringan yang sama (misal wifi yg sama)
Ketik perintah untuk start development di project expo:
```
npm run dev
```
Setelah itu akan ada barcode yang bisa di-scan di terminal/cmd tersebut
Scan code tersebut menggunakan Aplikasi Expo Go di Handphone

Proses debugging melalui perangkat sudah bisa dipakai, apapun yang kalian update di code-nya akan langsung terupdate di tampilan HP kalian juga.

Itulah setup awal dan perkenalan dengan Framework Expo (React Native), di seri selanjutnya kita akan mulai bagaimana membuat Hello World pertama di Expo ini.

Sumber: https://docs.expo.dev/get-started/introduction/

Semoga bermanfaat.

Terimakasih
(Tuxnuxt.com)