DEV Community

sandatya widhi
sandatya widhi

Posted on

02. Instalasi, Konfigurasi Tools & Inisialisasi Project

Persiapan untuk Belajar React Native
Berikut adalah beberapa hal yang perlu disiapkan sebelum mulai belajar React Native:

  1. Menginstal Node.js Hal pertama yang harus tersedia di komputer adalah Node.js. Node.js merupakan runtime yang memungkinkan eksekusi kode JavaScript di luar browser. Silahkan gunakan versi 18.20.6, berikut link download aplikasinya : https://nodejs.org/en/blog/release/v18.20.6 . CARI yang ekstensinya .msi Jika sudah terinstal maka selanjutnya pastikan Node.js terinstal dengan mengecek versinya dengan memasukkan perintah berikut di cmd 
node -v
Enter fullscreen mode Exit fullscreen mode

  1. Menginstal Andorid Studio (Opsional)
    Karena size aplikasi ini besar diperbolehkan untuk menginstal atau tidak.
    Android studio ini nantinya akan digunakan untuk membuat emulator agar aplikasi bisa diview dalam tampilan mobile.

  2. Menginstal React Native
    Menggunakan Expo CLI (Mudah, tidak perlu Android Studio)
    Jalankan perintah ini di Command Prompt (CMD) atau PowerShell:

npm install -g expo-cli
Enter fullscreen mode Exit fullscreen mode

Jika perintah diatas berhasil dijalankan seharusnya muncul keterangan sebagai berikut :

npm WARN deprecated [email protected]: This version of npm is no longer supported.
npm WARN deprecated [email protected]: This version of npm is no longer supported.
npm WARN deprecated [email protected]: This version of npm is no longer supported.
+ [email protected]
added 150 packages from 95 contributors in 12.345s
Enter fullscreen mode Exit fullscreen mode

Setelah itu, Anda dapat memverifikasi instalasi dengan menjalankan perintah expo --version untuk memastikan bahwa Expo CLI telah terpasang dengan benar di sistem Anda.

=====================================================
INISIALISASI PROJECT
Buat sebuah folder, pada contoh ini saya membuat folder dengan nama Kuliah kemudian buka folder tersebut pada VSCODE.

Setelah folder terbuka pada VSCODE, langkah selanjutnya adalah membuka terminal pada VSCODE kemudian jalan perintah berikut untuk membuat project react native

npx create-expo-app MyApp
Enter fullscreen mode Exit fullscreen mode

Berikut adalah tampilan jika sudah berhasil menjalankan perintah diatas

setelah itu, jalan perintah cd MyApp untuk pindah direktori.

setelah pindah direktori jalankan perintah npm run web jika ingin aplikasi berjalan pada browser (tanpa HP)

Berikut tampilannya jika di run pada browser :

atau jalankan perintah npx expo start jika ingin menjalankan aplikasi pada HP milik kalian dengan cara Instal aplikasi Expo Go di HP Android/IOS kemduian Scan QR Code yang muncul di terminal menggunakan Expo Go.

DAFTAR EXTENSIONS YANG PERLU DI INSTAL PADA VS CODE

Top comments (0)