Hallo teman-teman developer pemula (atau yang hemat RAM 😄)!
Di artikel ini aku bakal kasih tahu cara paling ringan dan efisien buat kamu yang pengen ngoding React Native dan langsung menjalankan aplikasinya di HP Android, tanpa perlu install Android Studio yang berat itu.
Tenang aja, caranya aman, legal, dan tentunya bisa bikin laptop kamu tetap ngacir 🚀
📌 Apa yang Mau Kita Lakukan?
Kita akan:
- Install Android SDK tanpa Android Studio
- Setting environment biar bisa dipanggil dari mana saja
- Aktifkan USB debugging di HP
- Jalankan aplikasi React Native langsung ke HP Android
🧰 Alat Tempur yang Harus Disiapkan
Sebelum mulai, kamu wajib punya ini di laptop/PC:
| Alat | Keterangan |
|---|---|
| ✅ Node.js | Minimal versi 16 (bisa cek pakai node -v) |
| ✅ React Native CLI | Bisa langsung lewat npx, gak perlu install global |
| ✅ Java JDK 17 | Wajib! React Native & SDK hanya cocok dengan JDK 17 |
| ✅ Android SDK Command Line Tools | Buat build APK dan install ke HP |
| ✅ HP Android + Kabel USB | Buat testing langsung di perangkat kamu |
1️⃣ Download & Pasang Android SDK (Tanpa Android Studio)
💡 Gak perlu install Android Studio, cukup pakai Command Line Tools.
Langkahnya:
- Download dari sini:
👉 https://developer.android.com/studio#cmdline-tools - Ekstrak ke folder, contoh:
D:\SDK\android\cmdline-tools
- Buat folder
latest, lalu pindahkan isi folder hasil ekstrak ke dalamnya, jadi strukturnya kayak gini:
D:\SDK\android\cmdline-tools\latest\bin\sdkmanager.bat2️⃣ Setting Environment Variable (Biar Gak Capek Ketik)
Supaya bisa akses SDK dan Java dari mana aja, kita atur variabel lingkungan:
Tambahkan ke Environment Variables:
| Nama | Nilai |
|---|---|
JAVA_HOME | C:\Program Files\Eclipse Adoptium\jdk-17.x.x |
ANDROID_HOME | D:\SDK\android |
Path | Tambahkan:%JAVA_HOME%\bin%ANDROID_HOME%\platform-tools%ANDROID_HOME%\cmdline-tools\latest\bin |
📌 Cara setting:
- Buka System Properties → Advanced → Environment Variables
- Tambahkan semua nilai di atas
3️⃣ Terima Semua Lisensi Android SDK
Buka CMD (Command Prompt), lalu jalankan:
sdkmanager.bat --sdk_root="D:\SDK\android" --licenses<br>Kalau diminta Accept? (y/N), tinggal ketik y berkali-kali sampai semua accepted ✅
Jangan khawatir, itu cuma legal stuff biar kamu dianggap “resmi” 😄
4️⃣ Aktifkan USB Debugging di HP Android
Waktunya siapin HP kamu!
Langkah:
- Buka Settings > About Phone
- Tap Build Number 7x sampai muncul “You are now a developer!”
- Balik ke Settings > Developer Options
- Aktifkan USB Debugging
- Hubungkan HP ke laptop pakai kabel USB
Kalau muncul prompt “Allow USB debugging?”, klik Allow 🟢
5️⃣ Tes HP Terdeteksi atau Belum
Cek lewat terminal:
adb devices<br>Kalau muncul seperti ini:
List of devices attached<br>ABC123456 device<br>Berarti HP kamu sudah siap jadi “kelinci percobaan” untuk testing aplikasi React Native 🐰
Kalau muncul unauthorized, lihat layar HP kamu dan klik Allow ya.
6️⃣ Buat Proyek React Native Pertamamu
Masih di CMD, ketik:
npx react-native init MyApp<br>cd MyApp<br>Ini akan membuat folder proyek React Native bernama MyApp.
7️⃣ Jalankan ke HP Android Kamu 🎉
Nah ini bagian paling seru. Jalankan:
npx react-native run-android<br>Tunggu beberapa menit (tergantung spek laptop), lalu… BOOM! 💥
Aplikasi langsung muncul di layar HP kamu!
🧠 Tips Tambahan:
- Pastikan HP & laptop terhubung ke jaringan Wi-Fi yang sama kalau mau testing hot reload
- Kalau error, coba
npx react-native doctorbuat ngecek lingkungan sistem kamu - Jangan lupa, kamu bisa build APK pakai: bashSalinEdit
cd android ./gradlew assembleRelease
✨ Penutup
Dengan mengikuti panduan ini, kamu bisa:
- Ngoding React Native CLI
- Testing langsung di HP
- Tanpa buka Android Studio sama sekali!
Cara ini cocok banget buat kamu yang:
- Punya laptop kentang 😅
- Gak suka tools berat
- Suka cara simple dan langsung jalan
Kalau kamu merasa artikel ini membantu, jangan lupa share ke temanmu yang juga mau belajar React Native.
Kalau kamu butuh versi APK, koneksi ke Firebase, atau tutorial lanjutan, tinggal tulis aja di komentar blog ini ya!
Tinggalkan Balasan