Sudah lama saya tidak melanjutkan seri tutorial Belajar React JS ini, tapi pada kesempatan kali ini, saya ingin melanjutkan seri dari Belajar React JS untuk Pemula. Pada seri artikel kali ini kita akan membahas bagaimana cara menginstall React JS ke sistem komputer kalian, sehingga kita bisa mulai menggunakan React JS. Sebelum kita masuk ke cara install React JS, saya akan menjelaskan kembali, apa itu React JS?
React JS
React JS adalah library JavaScript yang menjadi populer dalam pengembangan web dan aplikasi mobile. React JS memungkinkan pengembang untuk membuat tampilan UI yang interaktif dan mudah dipelajari. Oleh karena itu, jika Anda ingin mempelajari React JS atau mulai mengembangkan aplikasi web dengan React JS, langkah pertama adalah menginstalnya di komputer Anda. Artikel ini akan memberikan tutorial tentang cara menginstal React JS di Windows, macOS, dan Linux.
Persyaratan Sistem
Sebelum mulai mengunduh dan menginstal React JS, pastikan komputer Anda memenuhi persyaratan sistem berikut:
- Minimal memiliki RAM 2 GB
- Sudah terinstall Node.js dan npm (Node Package Manager)
- Sudah terinstall Git (opsional)
- Bisa mengakses terminal atau command prompt
Mengunduh React JS
- Kunjungi laman resmi React JS di https://reactjs.org/
- Pilih versi React JS yang sesuai untuk instalasi
- Klik tombol “Download” untuk mendownload file instalasi React JS
Menginstal React JS
Ada dua cara untuk menginstal React JS, yaitu menggunakan package manager atau script.
Menginstal React JS menggunakan package manager
- Buka command prompt atau terminal pada komputer Anda
- Masukkan perintah “npm install -g create-react-app” dan tunggu hingga selesai
- Setelah selesai, buatlah direktori baru untuk proyek React JS Anda
- Masuk ke direktori tersebut dengan perintah “cd nama-direktori”
- Jalankan perintah “create-react-app nama-project” untuk membuat proyek React pertama Anda
- Tunggu hingga selesai dan Anda akan melihat pesan sukses pada terminal
Menginstal React JS menggunakan script
- Unduh file zip React JS dari laman resmi
- Ekstrak file zip tersebut dan buka terminal di direktori yang sama
- Jalankan perintah “npm install” untuk mendownload dan memasang semua dependensi yang diperlukan pada React JS
- Tunggu hingga selesai, dan React JS sudah siap digunakan
Menguji Instalasi React JS
Untuk memastikan bahwa instalasi React JS berhasil, Anda dapat membuat project React pertama Anda dan menjalankannya di browser. Berikut adalah langkah-langkahnya:
- Buka command prompt atau terminal pada komputer Anda
- Masuk ke direktori proyek React yang sudah dibuat sebelumnya
- Jalankan perintah “npm start” untuk memulai server lokal
- Buka browser dan akses http://localhost:3000/
- Anda akan melihat tampilan default proyek React yang sudah berhasil diinstal
Jika sudah, maka anda akan melihat tampilan seperti dibawah ini pada browser:
Kesimpulan
Menginstal React JS pada komputer Anda bukanlah hal yang sulit. Dengan mengikuti panduan di atas, Anda sudah bisa memulai untuk belajar pengembangan aplikasi web dengan React JS. Pastikan juga untuk memahami persyaratan sistem dan memilih metode instalasi yang sesuai dengan kebutuhan Anda.