Membuat Project React Native Pertama Dengan expo-cli

Expo.cli adalah platform sumber terbuka untuk membuat aplikasi asli universal untuk Android, iOS, dan web dengan JavaScript dan React.

Step 1: Membuat Project

Membuat Latihan Project Pertama React Native

1. Pada Command Prompt dengan directory aktif C:\belajar, ketik perintah berikut: expo init Latihan1
2. Setelah itu, pilih opsi blank pada Command Prompt dengan menggunakan tombol panah
3. Setelah itu tekan Enter dan tunggu hingga proses pembuatan project selesai

Contoh Gambar :

Step 2: Run Project

Run Latihan Project Pertama React Native

1. Pada Command Prompt dengan directory aktif C:\belajar, ketik perintah berikut untuk masuk ke folder Latihan1: cd Latihan1
2. Lalu pada folder Latihan1,
3. Ketik perintah: npm start
4. Buka expo client pada smartphone Anda, lalu scan QR Code yg ada pada Command Prompt atau browser Anda

NB: pastikan Laptop dan Smartphone Terdapat dalam 1 LAN / Koneksi Internet

Contoh Gambar :

Step 3: Modifikasi Kode Program

Buka File App.js

1. Buka editor SublimeText
2. Klik File -> Open Folder -> pilih folder C:\belajar\Latihan1
3. Klik File App.js, Ubahlah kalimat “Open us…your app!” dg “Selamat datang di react native”, lalu klik File -> save (atau ctrl + s)
4. Hasilnya akan langsung terlihat pada smartphone (hot reload)
5. Hasilnya akan langsung terlihat pada smartphone (hot reload)

Sumber Referensi : reactnative.dev