Reactjs Hooks Usestate Useeffect Useref Rules

Definisi

Hooks adalah fungsi use* yang memberi fitur React ke function component. useState (state), useEffect (side-effect: fetch, subscribe), useRef (ref mutable/ref DOM). Aturan: panggil di top-level (bukan di loop/condition), hanya di component/ custom hook.

Kapan dipakai

Pakai useEffect untuk fetch/data sync, useRef untuk akses DOM atau nilai persist antar render tanpa memicu re-render. Wajib paham sebelum pola lanjut.

Cara kerja

jsx

function Timer() {
  const [s, setS] = useState(0);
  const id = useRef();