Playground

React real, la versión que elijas

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

EjemploVersiónStrictMode

Dos setState dentro de un setTimeout. Cuenta 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 aquí. 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.