Seta

React.js adalah library JavaScript untuk membangun antarmuka pengguna (UI) berbasis komponen. Ia memudahkan kita menyusun UI menjadi potongan kecil, teruji, dan dapat digunakan ulang.

Kenapa React?

• Modular: UI dipisah jadi komponen kecil.
• Cepat: Update UI efisien lewat virtual DOM.
• Ekosistem kuat: Router, state management, hingga testing melimpah.

Konsep kunci (cukup ingat dulu):

• Komponen & JSX: HTML di dalam JS.
• Props vs State: input dari luar vs data internal.
• Hooks: useState, useEffect, useMemo, dll.

Kapan pakai Next.js?
Kalau butuh SEO, SSR/SSG/ISR, atau arsitektur yang lebih rapi untuk aplikasi produksi, gunakan Next.js (framework di atas React).

Contoh kecil:

import { useState } from "react";

export default function Counter() {
  const [count, setCount] = useState(0);
  return (
    <button onClick={() => setCount(c => c + 1)}>
      Klik: {count}
    </button>
  );
}