Cara Membuat Aplikasi Mobile menggunakan React Native dan Expo (Part 1)

Selamat malam semuanya, hari ini saya akan melanjutkan tutorial pemograman yg sempat berhenti dua tahun yang lalu, semoga kalian belum lupa ya :D

kali ini saya akan sharing bagaimana membuat aplikasi mobile menggunakan react native dan expo, mulai dari yg sederhana dulu, sebelumnya kalian sudah pernah membuat mobile apps menggunakan android studio? kali ini berbeda, react native dapat membuat mobile apps untuk android sekaligus iOS.

Expo (Exponent) adalah aplikasi yang dapat di install di smartphone yang berfungsi sebagai emulator untuk melihat preview project yang kita buat menggunakan create react native app.




sebelum memulai ngoding kita harus melakukan tahapan sbg berikut :
 
1. pertama kalian harus menginstall node JS dan Git terlebih dahulu, cara menginstallnya download dlu nodeJS nya di sini, dan Git di sini lalu install sesuai petunjuknya.

2. kedua, install aplikasi Expo pada smartphone kamu, berikut linknya



3. setelah selesai menginstall expo mari kita masuk ke next step untuk membuat project.
4. buka cmd lalu jalankan perintah ini
npm install --global expo-cli



Setelah itu tunggu sampai proses selesai, proses ini membutuhkan koneksi internet.


Memulai Project

pada tutorial ini kita akan membuat project yang berada di drive D, buat dulu folder baru dengan nama belajarreact, lalu masuk ke folder tersebut

Tutorial React Native Expo

pada path directory project masukan perintah untuk membuat project baru,
expo init halodunia



pilih template yg blank, lalu tunggu prosesnya sampai selesai, jika sudah selesai maka akan muncul folder project seperti ini.



Selanjutnya di cmd kita masuk ke dalam direktori projectnya dan harus menginstal node_modules terlebih dahulu, ketikkan perintah :

npm install



setelah itu akan muncul proses seperti ini, tunggu sampai selesai.
note : proses ini membutuhkan koneksi internet.

Selanjutnya kita coba run projectnya, koneksi kan smartphone dan laptop kalian pada satu jaringan, boleh menggunakan hotspot hp, atau konek ke wifi yg sama,
selanjutnya buka aplikasi expo client pada smartphone kalian, akan muncul gambar seperti ini



selanjutnya, kembali ke cmd dan ketikkan perintah berikut : 

expo start



lalu akan muncul tampilan seperti ini, selanjutnya pada aplikasi expo client di smartphone pilih scan QR Code, lalu scan QR Code yg muncul pada cmd, jika berhasil maka akan muncul seperti ini :




Mudah bukan? selanjutnya teman2 bisa explore lebih lanjut atau jika ada pertanyaan bisa langsung komentar dibawah, 
Thank you and keep spirit
Jika ingin konsultasi masalah pemograman php, javascript dll, boleh hubungi nomor : 088211832975