Playground

React real, la versión que elijas

Acá no hay simulación: el iframe baja React de verdad desde esm.sh y lo ejecuta. Cambiá de versión con el mismo código y mirá qué cambia. El contador de commits lo reporta el Profiler de React, no nosotros.

EjemploVersiónStrictMode

Dos setState dentro de un setTimeout. Contá los commits en React 17 y después en 18: ahí está el batching automático.

Código · definí un componente llamado App

let disparar = null;

// El padre puede llamar a accion() para correr esto en dos versiones a la vez.
function accion() {
  if (disparar) disparar();
}

function App() {
  const [n, setN] = useState(0);
  const [texto, setTexto] = useState("a");

  useEffect(() => {
    disparar = () => {
      setTimeout(() => {
        setN(v => v + 1);
        setTexto(t => t + "!");
      }, 0);
    };
  });

  return (
    <div>
      <p>{n} · {texto}</p>
      <button onClick={() => disparar()}>disparar desde un setTimeout</button>
    </div>
  );
}

Vista previa

bajando React 19.2.0 de esm.sh…

Registro0 commits

Todo lo que imprimas con console.log aparece acá. Los commits los reporta el Profiler de React de verdad.

La vista previa corre aislada, sin acceso a esta página ni a tus datos. La primera carga de cada versión tarda unos segundos mientras se descarga desde el CDN.