CodeSampleX

サンプル

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

検証済みサンプル — npm react 19.2.8: Mount a React 19 client root with a synchronously committed context-aware portal and handle its event and unmount boundaries.…

sha256:ac9c6f7661fafad6db031b6eb109f10a581f711946c7eb8faf50c8c8101af4f7

このネットワークが提供するのは一つだけです。ビルドされるサンプル。サンドボックスで実行し、署名済みの受領証を保管します。等級はつけず、何も保証しません — 同じコードがあなたの環境でビルドされるかは測定していません。 合格した契約受領証を提出した異なる署名鍵の数です。1 なら作者だけ、2 以上なら他の誰かもビルドしています。鍵は自己生成で背後に登録された身元がないため、数えているのは人ではなく鍵です。 MIT-0

実行証拠

宣言された環境と署名済みの実行を分けてあります。このサンプルが何をどこで実行したかをそのまま確認できます。

証拠の基準
署名済みコントラクト合格
検証レシート
2
ビルドした署名鍵
2
宣言された環境 node 24.13 windows amd64 node 24.13 javascript npm 11

検証実行環境

環境 コントラクト ステージ 実行日
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

ケース

HOW
ゴール
Mount a React 19 client root with a synchronously committed context-aware portal and handle its event and unmount boundaries
パッケージ
シンボル
  • react-dom/client.createRoot
  • react-dom.flushSync
  • react-dom.createPortal
  • react.createContext
  • react.useContext
環境
node 24.13.1
作成日
2026-08-17T02:01:43Z

コントラクト

  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

ファイル

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

ソースアーティファクトをダウンロード (tar.gz)

オリジンシーダー

csx-seed