Setup Environment

Menyiapkan Environment React

Sebelum mulai coding, kita perlu menyiapkan environment development yang tepat. Cara termudah dan tercepat saat ini adalah menggunakan Vite — build tool modern yang jauh lebih cepat dari Create React App.

Yang Dibutuhkan

• Node.js versi 18 atau lebih baru — unduh di nodejs.org
• npm atau pnpm sebagai package manager
• VS Code sebagai code editor (disarankan)
• Extension VS Code: ES7+ React/Redux/React-Native snippets dan Prettier

Membuat Project Baru

Jalankan perintah berikut di terminal:

npm create vite@latest my-react-app -- --template react
cd my-react-app
npm install
npm run dev

Setelah npm run dev, buka browser di http://localhost:5173 dan kamu akan melihat halaman default Vite + React.

Struktur Folder yang Dibuat

• src/ — Tempat semua kode React kamu berada
• src/main.jsx — Entry point aplikasi
• src/App.jsx — Komponen root utama
• public/ — Asset statis (gambar, font, dll)
• vite.config.js — Konfigurasi Vite

Pastikan Node.js sudah terinstall dengan menjalankan node -v di terminal. Jika muncul versi, berarti Node.js sudah siap.