Persiapan Lingkungan dan Pembuatan Proyek Pertama

Sebelum memulai penulisan kode, pastikan lingkungan komputermu telah memenuhi syarat dasar. Kamu membutuhkan runtime Node.js versi LTS (disarankan v18 ke atas), manajer paket npm, penyunting kode Visual Studio Code, serta akun gratis di situs resmi Expo. Aplikasi Expo Go di ponsel pintar juga wajib diunduh untuk menguji tampilan aplikasi secara real time.

Untuk membuat proyek baru, jalankan perintah resmi berikut pada jendela terminal:

npx create-expo-app@latest AplikasiPertama
cd AplikasiPertama
npx expo start

Perintah tersebut akan menyiapkan template standar berbasis TypeScript yang sudah dilengkapi dengan Expo Router. Saat perintah npx expo start dieksekusi, bundler JavaScript bernama Metro Bundler akan aktif dan menyajikan kode QR di terminal. Kamu tinggal memindai kode QR tersebut menggunakan aplikasi Expo Go di Android atau aplikasi Kamera bawaan di iOS dengan catatan perangkat ponsel dan komputer berada di dalam satu jaringan Wi-Fi lokal yang sama. Jika jaringan lokal kampus atau kantor menerapkan proteksi firewall ketat, gunakan opsi terowongan dengan mengetikkan npx expo start --tunnel.

Struktur direktori standar proyek Expo terdiri dari folder app/ sebagai ruang utama pendefinisian rute layar, folder assets/ untuk aset gambar dan font, components/ untuk komponen modular, serta file app.json sebagai pusat metadata aplikasi seperti nama paket dan orientasi layar. Pada terminal Metro yang sedang aktif, kamu dapat menekan pintasan tombol papan ketik seperti a untuk membuka emulator Android, i untuk simulator iOS, w untuk peramban web, atau r untuk memuat ulang aplikasi.