Hooks

関数コンポーネントに「記憶（State）」と「副作用（Effect）」を与える機能。

Hooks
関数コンポーネントでStateやライフサイクル機能を使うための関数（use...）。

Essential Hooks

useState, useEffect, useRef
// useState: Local state
const [count, setCount] = useState(0);


// useEffect: Side effects
useEffect(() => {
  document.title = `Count: ${count}`;
}, [count]); // Dependency array


// useRef: Mutable ref (no re-render)
const inputRef = useRef(null);