Pengenalan React — CompileDaily Study

Penjelasan

React adalah library JavaScript untuk membangun antarmuka pengguna (UI) berbasis komponen — dibuat oleh Meta (Facebook). UI dipecah jadi komponen-komponen kecil yang bisa dipakai ulang, tiap komponen mengelola tampilannya sendiri berdasarkan data (disebut props dan state). React memakai Virtual DOM untuk update tampilan secara efisien, tanpa kamu perlu memanipulasi DOM manual.

Instalasi & Cara Menjalankan

1. Pastikan Node.js sudah terinstal, cek dengan: node --version
2. Buat project baru lewat Vite (cara modern, lebih cepat dari create-react-app): npm create vite@latest nama-project -- --template react
3. Masuk ke folder project: cd nama-project
4. Instal dependency: npm install
5. Jalankan server pengembangan: npm run dev
6. Buka http://localhost:5173 di browser — kalau muncul halaman default Vite + React, instalasi berhasil

Praktikum

Instal React lewat npm create vite@latest belajar-react -- --template react. Masuk ke foldernya, jalankan npm install lalu npm run dev, dan buka http://localhost:5173 di browser untuk memastikan halamannya muncul.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

create-react-app (CRA) sudah TIDAK direkomendasikan lagi oleh tim React sejak beberapa tahun terakhir karena lambat dan kurang terawat — Vite jadi standar baru karena dev server-nya jauh lebih cepat berkat native ES modules.