Bagikan melalui

Instal React langsung di Windows

Panduan ini menjelaskan cara menyiapkan lingkungan pengembangan React langsung di Windows menggunakan alat frontend Vite .

Kami menyarankan instruksi ini jika Anda baru menggunakan React atau membangun proyek yang tidak memerlukan lingkungan Linux. Jika Anda berencana untuk menggunakan alat Bash secara ekstensif atau menyebarkan ke server Linux, pertimbangkan untuk menginstal React di WSL sebagai gantinya.

Untuk latar belakang tentang React dan skenario yang berbeda — aplikasi web, aplikasi seluler (React Native), dan aplikasi desktop asli (React Native for Desktop) — lihat gambaran umum React.

Prasyarat

  • Node.js: Diperlukan untuk menjalankan Vite dan npm. Instal menggunakan nvm-windows untuk manajemen versi yang mudah.

Membuat aplikasi React Anda

  1. Buka terminal (Windows Command Prompt atau PowerShell).

  2. Buat folder proyek baru dan masukkan:

    mkdir ReactProjects
cd ReactProjects

  3. Buat aplikasi React baru menggunakan Vite:

    npm create vite@latest my-react-app -- --template react

    Vite akan membangun proyek React baru di my-react-app folder.

  4. Navigasikan ke folder aplikasi baru dan instal dependensi:

    cd my-react-app
npm install

  5. Mulai server pengembangan lokal:

    npm run dev

    Aplikasi Anda akan tersedia di http://localhost:5173. Gunakan Ctrl+C untuk menghentikan server.

  6. Saat Anda siap untuk menyebarkan, buat paket produksi.

    npm run build

    Output ditempatkan di dalam folder dist. Lihat Menyebarkan Situs Statis untuk opsi hosting.

Catatan

Vite sangat ideal untuk aplikasi satu halaman (SPAs). Jika Anda memerlukan penyajian sisi server atau backend Node.js, pertimbangkan Next.js sebagai gantinya. Untuk pembuatan situs statis, lihat Gatsby.

Sumber Daya Tambahan:

  • Last updated on