Cara Install React JS: Panduan Lengkap untuk Pemula

Sigit Nurhanafi | 13 May 2023 | Diperbarui: 3 August 2026 | Javascript, React

Apakah anda ingin mempelajari cara install React JS untuk membangun aplikasi web yang interaktif dan responsif? Jika ya, artikel ini akan memberikan panduan langkah demi langkah untuk memulai.

Dalam artikel ini, anda akan belajar tentang:

Apa itu React JS dan mengapa anda harus menggunakannya
Persyaratan sistem untuk menginstal React JS
Cara membuat proyek React JS baru dengan Vite
Cara menjalankan dan membuka aplikasi di browser
Catatan penting soal Create React App (CRA) yang sudah deprecated

Waktu tulisan ini pertama dibuat, cara paling populer memulai React adalah Create React App. Tapi sejak Februari 2025, tim React resmi men-deprecate CRA dan merekomendasikan Vite untuk proyek baru — lebih cepat, ringan, dan terus diperbarui. Di artikel ini saya pakai Vite, jadi langkah-langkahnya sesuai yang dipakai sekarang.

Apa itu React JS dan mengapa anda harus menggunakannya

React JS adalah pustaka JavaScript yang dikembangkan oleh Facebook (Meta). Ia digunakan untuk membangun antarmuka pengguna (UI) untuk aplikasi web yang interaktif dan responsif. React JS memungkinkan pengembang untuk membagi antarmuka pengguna menjadi komponen yang dapat diatur dengan mudah, sehingga memudahkan pengembangan dan perawatan kode.

Berikut adalah beberapa alasan mengapa anda harus mempertimbangkan React JS untuk proyek web anda:

React JS menyederhanakan pengembangan antarmuka pengguna dengan menyediakan komponen yang dapat diatur dengan mudah
React JS mempercepat waktu pengembangan dengan menyediakan alat dan fitur yang dapat mempercepat pengembangan
React JS mendukung pengembangan aplikasi web yang responsif dan interaktif dengan menggunakan Virtual DOM
React JS memungkinkan pengembang untuk menggunakan JSX, sebuah sintaksis yang memungkinkan mereka untuk menulis kode HTML di dalam JavaScript
React JS sangat populer di kalangan pengembang web dan memiliki komunitas pengembang yang aktif dan berpengalaman

Sekarang anda telah memahami apa itu React JS dan mengapa anda harus menggunakannya, mari kita lihat persyaratan sistem untuk menginstal React JS.

Persyaratan sistem untuk menginstal React JS

Sebelum anda dapat menginstal React JS, pastikan komputer anda memenuhi persyaratan sistem berikut:

Node.js: React JS menggunakan Node.js dan npm untuk mengelola dependensi dan membangun proyek. Pastikan Node.js terinstal di komputer anda. Anda dapat mengunduh Node.js dari tutorial kami tentang Cara Install NodeJS di Windows atau kunjungi situs web resmi Node.js
Text editor: anda akan memerlukan text editor untuk menulis dan mengedit kode React JS. Anda dapat menggunakan text editor apa saja yang anda sukai. Beberapa contoh text editor populer adalah Visual Studio Code, Atom, dan Sublime Text.
Browser web: untuk menjalankan aplikasi React JS, anda memerlukan browser web yang mendukung JavaScript dan HTML5. Beberapa contoh browser populer adalah Google Chrome, Mozilla Firefox, dan Safari.

Tips dari saya: pastikan versi Node.js yang terpasang minimal 18. Kalau belum tahu cara mengeceknya, buka CMD lalu ketik node -v. Versi di bawah 18 masih bisa jalan, tapi Vite menyarankan versi yang lebih baru.

Cara membuat proyek React JS baru dengan Vite

Untuk membuat proyek React JS baru dan menjalankannya di browser, ikuti langkah-langkah di bawah ini:

Buka terminal atau command prompt di komputer anda.
Jalankan perintah berikut untuk membuat proyek React JS baru:
```
npm create vite@latest nama_aplikasi -- --template react
```
nama_aplikasi bisa diganti dengan nama yang diinginkan untuk aplikasi anda. Perintah ini akan otomatis membuat folder proyek lengkap dengan template React.
Masuk ke folder proyek menggunakan perintah:
```
cd nama_aplikasi
```
Install dependensi yang dibutuhkan proyek:
```
npm install
```
Jalankan server pengembangan:
```
npm run dev
```
Buka browser dan masukkan URL http://localhost:5173 untuk melihat aplikasi React JS anda yang baru dibuat.

Kenapa port 5173? Ini default bawaan Vite. Kalau port itu sedang dipakai aplikasi lain, Vite otomatis pindah ke port berikutnya dan menampilkan alamatnya di terminal — jadi jangan bingung kalau angkanya beda dari contoh.

Catatan penting: Create React App (CRA) sudah deprecated

Sebelumnya, artikel ini mengajarkan menggunakan Create React App (npx create-react-app). Sejak Februari 2025, tim React resmi men-deprecate CRA untuk proyek baru — tidak ada maintainer aktif dan tidak disarankan untuk aplikasi produksi baru. Rekomendasi resminya:

Vite — build tool modern, cepat, cocok untuk proyek React biasa (yang dipakai di artikel ini)
Framework — Next.js, React Router, atau Expo jika butuh routing, SSR, atau mobile

Jadi kalau anda menemukan tutorial lama yang masih pakai create-react-app, anggap saja cara tersebut sudah tidak direkomendasikan — gunakan langkah di artikel ini.

Troubleshooting umum

npm create error / tidak dikenal — pastikan Node.js dan npm terpasang dengan benar (npm -v untuk cek). Kalau masih error, update npm dengan npm install -g npm@latest.
npm install lama — wajar untuk pertama kali, Vite men-download banyak paket. Jangan matikan terminal di tengah proses.
Halaman tidak muncul di localhost:5173 — cek terminal, pastikan tidak ada pesan error berwarna merah, dan pastikan proses npm run dev masih berjalan.
Ingin versi TypeScript? Ganti --template react dengan --template react-ts.

Kesimpulan

React JS adalah pustaka JavaScript yang populer digunakan untuk membangun antarmuka pengguna yang interaktif dan responsif. Untuk menginstal React JS, anda dapat menggunakan npm untuk mengelola dependensi dan membangun proyek. Setelah React JS diinstal, anda dapat membuat proyek React JS baru menggunakan Vite — alat yang direkomendasikan tim React sejak Create React App (CRA) resmi deprecated pada Februari 2025. Vite lebih cepat, ringan, dan terus diperbarui secara aktif.

Dengan mengikuti langkah-langkah yang dijelaskan di atas, anda dapat mulai mengembangkan aplikasi React JS anda sendiri dan membuat pengalaman pengguna yang lebih baik di web. Selamat mencoba!

Simak Video berikut jika dirasa kurang paham tentang Cara Install React JS