Estado com useState

Memória local do componente que dispara re-render.

useState guarda um valor entre renders e agenda uma atualização da UI quando muda.

import { useState } from 'react';

function App() {
  const [count, setCount] = useState(0);
  return (
    <button type="button" onClick={() => setCount((c) => c + 1)}>
      Cliques: {count}
    </button>
  );
}

Cada clique chama o setter → React re-renderiza App dentro do #root do documento HTML do playground. O esqueleto (import map, Sucrase, createRoot) não muda; só a árvore dentro de #root.

Estado com useState

Pratique