Cara Install React Native di Windows 10
React Native adalah sebuah framework yang dikembangkan oleh Facebook dengan tujuan membangun aplikasi mobile yang cross-platform dengan menggunakan bahasa pemrograman JavaScript. Framework ini memungkinkan kita untuk membuat aplikasi mobile iOS dan Android dengan menggunakan teknologi yang sama dan tanpa harus mempelajari bahasa pemrograman baru seperti Objective-C atau Swift (untuk iOS) dan Java atau Kotlin (untuk Android).
Agar bisa memulai pembuatan aplikasi mobile menggunakan React Native, Anda harus melakukan instalasi beberapa software pendukung di komputer Anda. Dalam artikel ini, saya akan membahas bagaimana cara menginstal React Native di Windows 10. Berikut adalah langkah-langkahnya:
Langkah 1: Install Node.js
Langkah pertama yang harus dilakukan adalah melakukan instalasi Node.js. Node.js adalah platform runtime untuk JavaScript yang berjalan di atas mesin JavaScript V8 milik Google Chrome. React Native membutuhkan Node.js untuk berjalan di komputer Anda. Anda dapat mengunduh Node.js installer dari situs web resminya (https://nodejs.org/en/).
Pilih versi LTS untuk menginstal versi stabil terbaru yang direkomendasikan. Unduh dan instal Node.js seperti biasa. Setelah itu, Anda bisa membuka terminal atau command prompt untuk memastikan Node.js berhasil terinstal dengan menjalankan perintah node --version
seperti di bawah ini:
Langkah 2: Install Java Development Kit (JDK)
React Native membutuhkan Java Development Kit (JDK) versi 8 atau yang lebih baru untuk berjalan di komputer Anda. JDK adalah perangkat lunak yang diperlukan untuk melakukan pengembangan aplikasi Java, termasuk Android.
Anda dapat mengunduh JDK di situs web resminya (https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html). Pilih dan unduh versi sesuai dengan sistem operasi Anda (Windows 64-bit untuk Windows 10). Setelah JDK terinstal, buka command prompt lalu ketik java -version
untuk memastikan JDK telah terinstal dan berjalan dengan baik:
Langkah 3: Install Android Studio
Selanjutnya, Anda perlu menginstall Android Studio. Android Studio merupakan Integrated Development Environment (IDE) yang digunakan untuk pengembangan aplikasi Android. Dalam pengembangan React Native, Android Studio diperlukan untuk emulasi atau simulasi aplikasi Android pada komputer.
Anda dapat mengunduh Android Studio di situs web resminya (https://developer.android.com/studio). Setelah terunduh, install Android Studio seperti biasa. Saat proses instalasi, pilih opsi Standard atau Personalized untuk menginstal paket-paket yang diperlukan untuk React Native. Selanjutnya, Anda perlu mengkonfigurasi Android Studio untuk pengembangan React Native. Berikut ini adalah langkah-langkahnya:
- Buka Android Studio, klik Configure di pojok kanan bawah layar dan pilih SDK Manager.
- Pada tab SDK Platforms, centang kotak untuk Android 10.0 (Q) atau versi selanjutnya dan SDK Tools. Lalu klik Apply dan OK.
- Setelah itu, klik Configure dan pilih AVD Manager.
- Klik Create Virtual Device dan pilih perangkat Android yang ingin digunakan, lalu klik Next.
- Pilih dan unduh image sistem operasi Android yang dibutuhkan untuk perangkat tersebut.
- Setelah selesai, atur konfigurasi perangkat sesuai kebutuhan Anda.
Dengan langkah-langkah di atas, Android Studio sudah sepenuhnya diinstal dan dikonfigurasi untuk digunakan dalam pengembangan React Native di Windows 10. Namun, jika Anda ingin menggunakan perangkat fisik untuk simulasi aplikasi, Anda perlu mengaktifkan mode pengembang dan mengaktifkan mode debugging USB di perangkat Android anda. Anda juga perlu menghubungkan perangkat Android ke komputer Anda dengan menggunakan kabel USB yang cocok.
Langkah 4: Install React Native CLI
Setelah Node.js, JDK, dan Android Studio terinstal dan dikonfigurasi, langkah selanjutnya adalah menginstall React Native CLI. CLI atau Command Line Interface adalah cara alternatif untuk menginstal dan mengatur proyek React Native di komputer Anda. Untuk memulai, buka command prompt dan jalankan perintah berikut:
npm install -g react-native-cli
Perintah di atas akan menginstal React Native CLI secara global di komputer Anda. Tunggu hingga proses instalasi selesai.
Bonus: Tutorial React Native untuk Pemula
Setelah menginstal semua software pendukung yang diperlukan, Anda sudah siap memulai pembuatan aplikasi React Native pertama Anda. Berikut ini adalah tutorial singkat React Native untuk pemula:
- Buka command prompt dan buat direktori baru untuk proyek React Native Anda dengan menjalankan perintah
mkdir myfirstapp
. - Masuk ke direktori proyek Anda dengan menjalankan perintah
cd myfirstapp
. - Jalankan React Native CLI dengan mengetik perintah
npx react-native init MyFirstApp
. Perintah ini akan membuat sebuah proyek React Native baru dengan nama MyFirstApp di dalam direktori proyek Anda. - Tunggu hingga proses selesai dan jangan tutup command prompt.
- Buka Android Studio, klik Open an Existing Project dan pilih direktori proyek MyFirstApp yang telah dibuat pada langkah sebelumnya.
- Tunggu hingga proses koneksi antara Android Studio dan proyek MyFirstApp selesai.
- Jalankan aplikasi Android pertama Anda dengan menjalankan perintah
npx react-native run-android
di dalam command prompt. - Setelah proses kompilasi selesai, Anda akan melihat aplikasi Android pertama Anda di emulator atau perangkat fisik.
Itulah langkah-langkah dasar untuk memulai pengembangan aplikasi mobile dengan React Native di Windows 10. Mulailah dengan tutorial yang sederhana seperti “Hello World” atau login form, dan pelajari lebih lanjut tentang komponen React Native yang lebih kompleks seperti navigasi stack, tab, dan drawer.
FAQ
1. Apa itu React Native?
React Native adalah sebuah framework yang dikembangkan oleh Facebook dengan tujuan membangun aplikasi mobile yang cross-platform dengan menggunakan bahasa pemrograman JavaScript. Framework ini memungkinkan kita untuk membuat aplikasi mobile iOS dan Android dengan menggunakan teknologi yang sama dan tanpa harus mempelajari bahasa pemrograman baru seperti Objective-C atau Swift (untuk iOS) dan Java atau Kotlin (untuk Android).
2. Apa saja software pendukung yang dibutuhkan untuk pengembangan React Native di Windows?
Beberapa software pendukung yang dibutuhkan untuk pengembangan React Native di Windows antara lain:
- Node.js
- Java Development Kit (JDK)
- Android Studio
- React Native CLI
Komputer Anda harus juga sudah terhubung ke internet dan telah terpasang sistem operasi Windows 10 yang stabil.
Video Tutorial: Cara Install React Native di Windows 10
Berikut ini adalah video tutorial tentang cara menginstall React Native di Windows 10: