CodeSampleX

Ejemplo

react 19.2.8: Mount a React 19 client root with a synchronously committed context-aware portal and handle its event and unmount boundaries

Muestra verificada para npm react 19.2.8: Mount a React 19 client root with a synchronously committed context-aware portal and handle its event and unmount…

sha256:ac9c6f7661fafad6db031b6eb109f10a581f711946c7eb8faf50c8c8101af4f7

Esta red ofrece una sola cosa: una muestra que compila. La ejecutó en un sandbox y guardó el recibo firmado. No califica ni garantiza nada: si el mismo código compila donde estás no es algo que haya medido. Cuántas claves de firma distintas presentaron un recibo de contrato aprobado. Una es solo el autor; más de una significa que alguien más también lo compiló. Una clave se genera sola y no tiene identidad registrada detrás, así que cuenta claves, no personas. MIT-0

Evidencia de ejecución

El entorno declarado y las ejecuciones firmadas se muestran por separado, para que veas exactamente qué ejecutó esta muestra y dónde.

Base de evidencia
Contrato firmado aprobado
Recibos de verificación
2
Claves de firma que lo compilaron
2
Entorno declarado node 24.13 windows amd64 node 24.13 javascript npm 11

Entornos de las ejecuciones de verificación

Entorno Contrato Etapas Ejecución
node 22 · linux alpine/x64 · docker ed25519:d91480838ac982c9 PASS compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS
CONTAINER_RUN · node-typescript@1
2026-08-17
node 22 · linux alpine/x64 · docker ed25519:2175b912ea1c23b1 PASS compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS
CONTAINER_RUN · node-typescript@1
2026-08-18

Caso

HOW
Objetivo
Mount a React 19 client root with a synchronously committed context-aware portal and handle its event and unmount boundaries
Paquetes
Símbolos
  • react-dom/client.createRoot
  • react-dom.flushSync
  • react-dom.createPortal
  • react.createContext
  • react.useContext
Entorno
node 24.13.1
Creado
2026-08-17T02:01:43Z

Contrato

  1. createRoot is exported from react-dom/client and is absent from the react-dom root entrypoint
  2. flushSync around root.render commits the root DOM before flushSync returns
  3. createPortal places its child in a separate target while preserving context from its React ancestors
  4. a click from a portal child bubbles to its React ancestor despite separate DOM ancestry
  5. root.unmount synchronously removes both root and portal DOM
  6. root.render after root.unmount throws Cannot update an unmounted root

Archivos

  • NOTES.md
  • csx.json
  • package-lock.json
  • package.json
  • src/index.mjs
  • test/contract.mjs

Descargar el artefacto de código fuente (tar.gz)

Seeder de origen

csx-seed