From 31034b6de73c7cd9093e92a34e384d84c082aa4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Markb=C3=A5ge?= <sebastian@calyptus.eu>
Date: Tue, 22 Aug 2023 15:21:36 -0400
Subject: [PATCH] [Fizz] Split ResponseState/Resources into
 RenderState/ResumableState (#27268)

This exposes a `resume()` API to go with the `prerender()` (only in
experimental). It doesn't work yet since we don't yet emit the postponed
state so not yet tested.

The main thing this does is rename ResponseState->RenderState and
Resources->ResumableState. We separated out resources into a separate
concept preemptively since it seemed like separate enough but probably
doesn't warrant being a separate concept. The result is that we have a
per RenderState in the Config which is really just temporary state and
things that must be flushed completely in the prerender. Most things
should be ResumableState.

Most options are specified in the `prerender()` and transferred into the
`resume()` but certain options that are unique per request can't be.
Notably `nonce` is special. This means that bootstrap scripts and
external runtime can't use `nonce` in this mode. They need to have a CSP
configured to deal with external scripts, but not inline.

We need to be able to restore state of things that we've already emitted
in the prerender. We could have separate snapshot/restore methods that
does this work when it happens but that means we have to explicitly do
that work. This design is trying to keep to the principle that we just
work with resumable data structures instead so that we're designing for
it with every feature. It also makes restoring faster since it's just
straight into the data structure.

This is not yet a serializable format. That can be done in a follow up.

We also need to vet that each step makes sense. Notably stylesToHoist is
a bit unclear how it'll work.
---
 .eslintrc.js                                  |   1 -
 .../src/server/ReactFizzConfigDOM.js          | 711 ++++++++++--------
 .../src/server/ReactFizzConfigDOMLegacy.js    | 109 +--
 packages/react-dom/npm/server.browser.js      |   3 +
 packages/react-dom/npm/server.bun.js          |   3 +
 packages/react-dom/npm/server.edge.js         |   3 +
 packages/react-dom/npm/server.node.js         |   3 +
 packages/react-dom/server.browser.js          |   9 +-
 packages/react-dom/server.bun.js              |  13 +-
 packages/react-dom/server.edge.js             |  13 +-
 packages/react-dom/server.node.js             |   9 +-
 .../src/__tests__/ReactDOMFizzStatic-test.js  |   4 +-
 .../__tests__/ReactDOMFizzStaticNode-test.js  |  28 +-
 .../src/server/ReactDOMFizzServerBrowser.js   | 106 ++-
 .../src/server/ReactDOMFizzServerBun.js       |  25 +-
 .../src/server/ReactDOMFizzServerEdge.js      | 106 ++-
 .../src/server/ReactDOMFizzServerNode.js      | 102 ++-
 .../src/server/ReactDOMFizzStaticBrowser.js   |  27 +-
 .../src/server/ReactDOMFizzStaticEdge.js      |  27 +-
 .../src/server/ReactDOMFizzStaticNode.js      |  33 +-
 .../src/server/ReactDOMLegacyServerImpl.js    |  24 +-
 .../server/ReactDOMLegacyServerNodeStream.js  |  21 +-
 .../src/server/react-dom-server.browser.js    |  10 +
 .../server/react-dom-server.browser.stable.js |  10 +
 .../src/server/react-dom-server.bun.js        |  10 +
 .../src/server/react-dom-server.bun.stable.js |  15 +
 .../src/server/react-dom-server.edge.js       |  10 +
 .../server/react-dom-server.edge.stable.js    |  10 +
 .../src/server/react-dom-server.node.js       |  10 +
 .../server/react-dom-server.node.stable.js    |  10 +
 packages/react-dom/static.node.js             |   2 +-
 .../src/ReactNoopServer.js                    |  28 +-
 .../src/ReactDOMServerFB.js                   |  25 +-
 packages/react-server/src/ReactFizzHooks.js   |  16 +-
 packages/react-server/src/ReactFizzServer.js  | 121 +--
 .../src/forks/ReactFizzConfig.custom.js       |   4 +-
 scripts/rollup/bundles.js                     |   8 +-
 scripts/shared/inlinedHostConfigs.js          |  14 +-
 38 files changed, 1050 insertions(+), 633 deletions(-)
 create mode 100644 packages/react-dom/src/server/react-dom-server.browser.js
 create mode 100644 packages/react-dom/src/server/react-dom-server.browser.stable.js
 create mode 100644 packages/react-dom/src/server/react-dom-server.bun.js
 create mode 100644 packages/react-dom/src/server/react-dom-server.bun.stable.js
 create mode 100644 packages/react-dom/src/server/react-dom-server.edge.js
 create mode 100644 packages/react-dom/src/server/react-dom-server.edge.stable.js
 create mode 100644 packages/react-dom/src/server/react-dom-server.node.js
 create mode 100644 packages/react-dom/src/server/react-dom-server.node.stable.js

diff --git a/.eslintrc.js b/.eslintrc.js
index 941c2e3b23..2d0e4abe71 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -492,7 +492,6 @@ module.exports = {
     ReadableStreamController: 'readonly',
     RequestInfo: 'readonly',
     RequestOptions: 'readonly',
-    ResponseState: 'readonly',
     StoreAsGlobal: 'readonly',
     symbol: 'readonly',
     SyntheticEvent: 'readonly',
diff --git a/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js b/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js
index a30a9af90a..4a3c2d157d 100644
--- a/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js
+++ b/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js
@@ -50,7 +50,7 @@ import {
 } from 'react-server/src/ReactServerStreamConfig';
 import {
   resolveRequest,
-  getResources,
+  getResumableState,
   flushResources,
 } from 'react-server/src/ReactFizzServer';
 
@@ -117,27 +117,24 @@ const SentClientRenderFunction /*         */ = 0b00100;
 const SentStyleInsertionFunction /*       */ = 0b01000;
 const SentFormReplayingRuntime /*         */ = 0b10000;
 
-// Per response, global state that is not contextual to the rendering subtree.
-export type ResponseState = {
-  bootstrapChunks: Array<Chunk | PrecomputedChunk>,
+// Per request, global state that is not contextual to the rendering subtree.
+// This cannot be resumed and therefore should only contain things that are
+// temporary working state or are never used in the prerender pass.
+export type RenderState = {
+  // These can be recreated from resumable state.
   placeholderPrefix: PrecomputedChunk,
   segmentPrefix: PrecomputedChunk,
   boundaryPrefix: string,
-  idPrefix: string,
-  nextSuspenseID: number,
-  streamingFormat: StreamingFormat,
 
-  // state for script streaming format, unused if using external runtime / data
+  // inline script streaming format, unused if using external runtime / data
   startInlineScript: PrecomputedChunk,
-  instructions: InstructionState,
 
-  // state for data streaming format
-  externalRuntimeScript: null | ExternalRuntimeScript,
+  // the preamble must always flush before resuming, so all these chunks must
+  // be null or empty when resuming.
 
-  // preamble and postamble chunks and state
+  // preamble chunks
   htmlChunks: null | Array<Chunk | PrecomputedChunk>,
   headChunks: null | Array<Chunk | PrecomputedChunk>,
-  hasBody: boolean,
 
   // Hoistable chunks
   charsetChunks: Array<Chunk | PrecomputedChunk>,
@@ -145,6 +142,9 @@ export type ResponseState = {
   preloadChunks: Array<Chunk | PrecomputedChunk>,
   hoistableChunks: Array<Chunk | PrecomputedChunk>,
 
+  // Module-global-like reference for current boundary resources
+  boundaryResources: ?BoundaryResources,
+
   // Module-global-like reference for flushing/hoisting state of style resources
   // We need to track whether the current request has flushed any style resources
   // without sending an instruction to hoist them. we do that here
@@ -155,6 +155,43 @@ export type ResponseState = {
   ...
 };
 
+// Per response, global state that is not contextual to the rendering subtree.
+// This is resumable and therefore should be serializable.
+export type ResumableState = {
+  // external runtime script chunks
+  externalRuntimeScript: null | ExternalRuntimeScript, // TODO: Move to a serializable format
+  bootstrapChunks: Array<Chunk | PrecomputedChunk>, // TODO: Move to a serializable format.
+  idPrefix: string,
+  nextSuspenseID: number,
+  streamingFormat: StreamingFormat,
+
+  // state for script streaming format, unused if using external runtime / data
+  instructions: InstructionState,
+
+  // postamble state
+  hasBody: boolean,
+  hasHtml: boolean,
+
+  // Resources
+
+  // Request local cache
+  preloadsMap: Map<string, PreloadResource>,
+  preconnectsMap: Map<string, PreconnectResource>,
+  stylesMap: Map<string, StyleResource>,
+  scriptsMap: Map<string, ScriptResource>,
+
+  // Flushing queues for Resource dependencies
+  preconnects: Set<PreconnectResource>,
+  fontPreloads: Set<PreloadResource>,
+  highImagePreloads: Set<PreloadResource>,
+  // usedImagePreloads: Set<PreloadResource>,
+  precedences: Map<string, Set<StyleResource>>,
+  stylePrecedences: Map<string, StyleTagResource>,
+  bootstrapScripts: Set<PreloadResource>,
+  scripts: Set<ScriptResource>,
+  bulkPreloads: Set<PreloadResource>,
+};
+
 const dataElementQuotedEnd = stringToPrecomputedChunk('"></template>');
 
 const startInlineScript = stringToPrecomputedChunk('<script>');
@@ -203,26 +240,54 @@ export type ExternalRuntimeScript = {
 // Allows us to keep track of what we've already written so we can refer back to it.
 // if passed externalRuntimeConfig and the enableFizzExternalRuntime feature flag
 // is set, the server will send instructions via data attributes (instead of inline scripts)
-export function createResponseState(
-  resources: Resources,
-  identifierPrefix: string | void,
+export function createRenderState(
+  resumableState: ResumableState,
   nonce: string | void,
-  bootstrapScriptContent: string | void,
-  bootstrapScripts: $ReadOnlyArray<string | BootstrapScriptDescriptor> | void,
-  bootstrapModules: $ReadOnlyArray<string | BootstrapScriptDescriptor> | void,
-  externalRuntimeConfig: string | BootstrapScriptDescriptor | void,
-): ResponseState {
-  const idPrefix = identifierPrefix === undefined ? '' : identifierPrefix;
+): RenderState {
   const inlineScriptWithNonce =
     nonce === undefined
       ? startInlineScript
       : stringToPrecomputedChunk(
           '<script nonce="' + escapeTextForBrowser(nonce) + '">',
         );
+  const idPrefix = resumableState.idPrefix;
+  return {
+    placeholderPrefix: stringToPrecomputedChunk(idPrefix + 'P:'),
+    segmentPrefix: stringToPrecomputedChunk(idPrefix + 'S:'),
+    boundaryPrefix: idPrefix + 'B:',
+    startInlineScript: inlineScriptWithNonce,
+    htmlChunks: null,
+    headChunks: null,
+    charsetChunks: [],
+    preconnectChunks: [],
+    preloadChunks: [],
+    hoistableChunks: [],
+    nonce,
+    // like a module global for currently rendering boundary
+    boundaryResources: null,
+    stylesToHoist: false,
+  };
+}
+
+export function createResumableState(
+  identifierPrefix: string | void,
+  nonce: string | void,
+  bootstrapScriptContent: string | void,
+  bootstrapScripts: $ReadOnlyArray<string | BootstrapScriptDescriptor> | void,
+  bootstrapModules: $ReadOnlyArray<string | BootstrapScriptDescriptor> | void,
+  externalRuntimeConfig: string | BootstrapScriptDescriptor | void,
+): ResumableState {
+  const idPrefix = identifierPrefix === undefined ? '' : identifierPrefix;
   const bootstrapChunks: Array<Chunk | PrecomputedChunk> = [];
-  let externalRuntimeScript: null | ExternalRuntimeScript = null;
   let streamingFormat = ScriptStreamingFormat;
+  let externalRuntimeScript: null | ExternalRuntimeScript = null;
   if (bootstrapScriptContent !== undefined) {
+    const inlineScriptWithNonce =
+      nonce === undefined
+        ? startInlineScript
+        : stringToPrecomputedChunk(
+            '<script nonce="' + escapeTextForBrowser(nonce) + '">',
+          );
     bootstrapChunks.push(
       inlineScriptWithNonce,
       stringToChunk(escapeBootstrapScriptContent(bootstrapScriptContent)),
@@ -262,6 +327,37 @@ export function createResponseState(
       }
     }
   }
+
+  const resumableState: ResumableState = {
+    externalRuntimeScript: externalRuntimeScript,
+    bootstrapChunks: bootstrapChunks,
+    idPrefix: idPrefix,
+    nextSuspenseID: 0,
+    streamingFormat,
+    instructions: NothingSent,
+    hasBody: false,
+    hasHtml: false,
+
+    // @TODO add bootstrap script to implicit preloads
+
+    // persistent
+    preloadsMap: new Map(),
+    preconnectsMap: new Map(),
+    stylesMap: new Map(),
+    scriptsMap: new Map(),
+
+    // cleared on flush
+    preconnects: new Set(),
+    fontPreloads: new Set(),
+    highImagePreloads: new Set(),
+    // usedImagePreloads: new Set(),
+    precedences: new Map(),
+    stylePrecedences: new Map(),
+    bootstrapScripts: new Set(),
+    scripts: new Set(),
+    bulkPreloads: new Set(),
+  };
+
   if (bootstrapScripts !== undefined) {
     for (let i = 0; i < bootstrapScripts.length; i++) {
       const scriptConfig = bootstrapScripts[i];
@@ -276,7 +372,13 @@ export function createResponseState(
           ? 'use-credentials'
           : '';
 
-      preloadBootstrapScript(resources, src, nonce, integrity, crossOrigin);
+      preloadBootstrapScript(
+        resumableState,
+        src,
+        nonce,
+        integrity,
+        crossOrigin,
+      );
 
       bootstrapChunks.push(
         startScriptSrc,
@@ -317,7 +419,13 @@ export function createResponseState(
           ? 'use-credentials'
           : '';
 
-      preloadBootstrapModule(resources, src, nonce, integrity, crossOrigin);
+      preloadBootstrapModule(
+        resumableState,
+        src,
+        nonce,
+        integrity,
+        crossOrigin,
+      );
 
       bootstrapChunks.push(
         startModuleSrc,
@@ -345,27 +453,8 @@ export function createResponseState(
       bootstrapChunks.push(endAsyncScript);
     }
   }
-  return {
-    bootstrapChunks: bootstrapChunks,
-    placeholderPrefix: stringToPrecomputedChunk(idPrefix + 'P:'),
-    segmentPrefix: stringToPrecomputedChunk(idPrefix + 'S:'),
-    boundaryPrefix: idPrefix + 'B:',
-    idPrefix: idPrefix,
-    nextSuspenseID: 0,
-    streamingFormat,
-    startInlineScript: inlineScriptWithNonce,
-    instructions: NothingSent,
-    externalRuntimeScript,
-    htmlChunks: null,
-    headChunks: null,
-    hasBody: false,
-    charsetChunks: [],
-    preconnectChunks: [],
-    preloadChunks: [],
-    hoistableChunks: [],
-    stylesToHoist: false,
-    nonce,
-  };
+
+  return resumableState;
 }
 
 // Constants for the insertion mode we're currently writing in. We don't encode all HTML5 insertion
@@ -506,20 +595,21 @@ export type SuspenseBoundaryID = null | PrecomputedChunk;
 export const UNINITIALIZED_SUSPENSE_BOUNDARY_ID: SuspenseBoundaryID = null;
 
 export function assignSuspenseBoundaryID(
-  responseState: ResponseState,
+  renderState: RenderState,
+  resumableState: ResumableState,
 ): SuspenseBoundaryID {
-  const generatedID = responseState.nextSuspenseID++;
+  const generatedID = resumableState.nextSuspenseID++;
   return stringToPrecomputedChunk(
-    responseState.boundaryPrefix + generatedID.toString(16),
+    renderState.boundaryPrefix + generatedID.toString(16),
   );
 }
 
 export function makeId(
-  responseState: ResponseState,
+  resumableState: ResumableState,
   treeId: string,
   localId: number,
 ): string {
-  const idPrefix = responseState.idPrefix;
+  const idPrefix = resumableState.idPrefix;
 
   let id = ':' + idPrefix + 'R' + treeId;
 
@@ -542,7 +632,7 @@ const textSeparator = stringToPrecomputedChunk('<!-- -->');
 export function pushTextInstance(
   target: Array<Chunk | PrecomputedChunk>,
   text: string,
-  responseState: ResponseState,
+  renderState: RenderState,
   textEmbedded: boolean,
 ): boolean {
   if (text === '') {
@@ -560,7 +650,7 @@ export function pushTextInstance(
 // emit a text separator when we don't know for sure it is safe to omit
 export function pushSegmentFinale(
   target: Array<Chunk | PrecomputedChunk>,
-  responseState: ResponseState,
+  renderState: RenderState,
   lastPushedText: boolean,
   textEmbedded: boolean,
 ): void {
@@ -700,11 +790,11 @@ function pushStringAttribute(
   }
 }
 
-function makeFormFieldPrefix(responseState: ResponseState): string {
+function makeFormFieldPrefix(resumableState: ResumableState): string {
   // I'm just reusing this counter. It's not really the same namespace as "name".
   // It could just be its own counter.
-  const id = responseState.nextSuspenseID++;
-  return responseState.idPrefix + id;
+  const id = resumableState.nextSuspenseID++;
+  return resumableState.idPrefix + id;
 }
 
 // Since this will likely be repeated a lot in the HTML, we use a more concise message
@@ -748,7 +838,8 @@ function pushAdditionalFormFields(
 
 function pushFormActionAttribute(
   target: Array<Chunk | PrecomputedChunk>,
-  responseState: ResponseState,
+  resumableState: ResumableState,
+  renderState: RenderState,
   formAction: any,
   formEncType: any,
   formMethod: any,
@@ -788,7 +879,7 @@ function pushFormActionAttribute(
     if (typeof customAction === 'function') {
       // This action has a custom progressive enhancement form that can submit the form
       // back to the server if it's invoked before hydration. Such as a Server Action.
-      const prefix = makeFormFieldPrefix(responseState);
+      const prefix = makeFormFieldPrefix(resumableState);
       const customFields = formAction.$$FORM_ACTION(prefix);
       name = customFields.name;
       formAction = customFields.action || '';
@@ -814,7 +905,7 @@ function pushFormActionAttribute(
       formEncType = null;
       formMethod = null;
       formTarget = null;
-      injectFormReplayingRuntime(responseState);
+      injectFormReplayingRuntime(resumableState, renderState);
     }
   }
   if (name != null) {
@@ -1163,7 +1254,7 @@ function pushInnerHTML(
   }
 }
 
-// TODO: Move these to ResponseState so that we warn for every request.
+// TODO: Move these to RenderState so that we warn for every request.
 // It would help debugging in stateful servers (e.g. service worker).
 let didWarnDefaultInputValue = false;
 let didWarnDefaultChecked = false;
@@ -1391,17 +1482,20 @@ function pushStartOption(
 const formReplayingRuntimeScript =
   stringToPrecomputedChunk(formReplayingRuntime);
 
-function injectFormReplayingRuntime(responseState: ResponseState): void {
+function injectFormReplayingRuntime(
+  resumableState: ResumableState,
+  renderState: RenderState,
+): void {
   // If we haven't sent it yet, inject the runtime that tracks submitted JS actions
   // for later replaying by Fiber. If we use an external runtime, we don't need
   // to emit anything. It's always used.
   if (
-    (responseState.instructions & SentFormReplayingRuntime) === NothingSent &&
-    (!enableFizzExternalRuntime || !responseState.externalRuntimeScript)
+    (resumableState.instructions & SentFormReplayingRuntime) === NothingSent &&
+    (!enableFizzExternalRuntime || !resumableState.externalRuntimeScript)
   ) {
-    responseState.instructions |= SentFormReplayingRuntime;
-    responseState.bootstrapChunks.unshift(
-      responseState.startInlineScript,
+    resumableState.instructions |= SentFormReplayingRuntime;
+    resumableState.bootstrapChunks.unshift(
+      renderState.startInlineScript,
       formReplayingRuntimeScript,
       endInlineScript,
     );
@@ -1411,7 +1505,8 @@ function injectFormReplayingRuntime(responseState: ResponseState): void {
 function pushStartForm(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
-  responseState: ResponseState,
+  resumableState: ResumableState,
+  renderState: RenderState,
 ): ReactNodeList {
   target.push(startChunkForTag('form'));
 
@@ -1482,7 +1577,7 @@ function pushStartForm(
     if (typeof customAction === 'function') {
       // This action has a custom progressive enhancement form that can submit the form
       // back to the server if it's invoked before hydration. Such as a Server Action.
-      const prefix = makeFormFieldPrefix(responseState);
+      const prefix = makeFormFieldPrefix(resumableState);
       const customFields = formAction.$$FORM_ACTION(prefix);
       formAction = customFields.action || '';
       formEncType = customFields.encType;
@@ -1507,7 +1602,7 @@ function pushStartForm(
       formEncType = null;
       formMethod = null;
       formTarget = null;
-      injectFormReplayingRuntime(responseState);
+      injectFormReplayingRuntime(resumableState, renderState);
     }
   }
   if (formAction != null) {
@@ -1545,7 +1640,8 @@ function pushStartForm(
 function pushInput(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
-  responseState: ResponseState,
+  resumableState: ResumableState,
+  renderState: RenderState,
 ): ReactNodeList {
   if (__DEV__) {
     checkControlledValueProps('input', props);
@@ -1626,7 +1722,8 @@ function pushInput(
 
   const formData = pushFormActionAttribute(
     target,
-    responseState,
+    resumableState,
+    renderState,
     formAction,
     formEncType,
     formMethod,
@@ -1685,7 +1782,8 @@ function pushInput(
 function pushStartButton(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
-  responseState: ResponseState,
+  resumableState: ResumableState,
+  renderState: RenderState,
 ): ReactNodeList {
   target.push(startChunkForTag('button'));
 
@@ -1748,7 +1846,8 @@ function pushStartButton(
 
   const formData = pushFormActionAttribute(
     target,
-    responseState,
+    resumableState,
+    renderState,
     formAction,
     formEncType,
     formMethod,
@@ -1894,7 +1993,7 @@ function pushStartTextArea(
 function pushMeta(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
-  responseState: ResponseState,
+  renderState: RenderState,
   textEmbedded: boolean,
   insertionMode: InsertionMode,
   noscriptTagInScope: boolean,
@@ -1914,12 +2013,12 @@ function pushMeta(
       }
 
       if (typeof props.charSet === 'string') {
-        return pushSelfClosing(responseState.charsetChunks, props, 'meta');
+        return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
         // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(responseState.preconnectChunks, props, 'meta');
+        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
       } else {
-        return pushSelfClosing(responseState.hoistableChunks, props, 'meta');
+        return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
     }
   } else {
@@ -1930,8 +2029,8 @@ function pushMeta(
 function pushLink(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
-  responseState: ResponseState,
-  resources: Resources,
+  resumableState: ResumableState,
+  renderState: RenderState,
   textEmbedded: boolean,
   insertionMode: InsertionMode,
   noscriptTagInScope: boolean,
@@ -1998,10 +2097,10 @@ function pushLink(
         return pushLinkImpl(target, props);
       } else {
         // This stylesheet refers to a Resource and we create a new one if necessary
-        let resource = resources.stylesMap.get(key);
+        let resource = resumableState.stylesMap.get(key);
         if (!resource) {
           const resourceProps = stylesheetPropsFromRawProps(props);
-          const preloadResource = resources.preloadsMap.get(key);
+          const preloadResource = resumableState.preloadsMap.get(key);
           let state = NoState;
           if (preloadResource) {
             // If we already had a preload we don't want that resource to flush directly.
@@ -2021,11 +2120,11 @@ function pushLink(
             state,
             props: resourceProps,
           };
-          resources.stylesMap.set(key, resource);
-          let precedenceSet = resources.precedences.get(precedence);
+          resumableState.stylesMap.set(key, resource);
+          let precedenceSet = resumableState.precedences.get(precedence);
           if (!precedenceSet) {
             precedenceSet = new Set();
-            resources.precedences.set(precedence, precedenceSet);
+            resumableState.precedences.set(precedence, precedenceSet);
             const emptyStyleResource = {
               type: 'style',
               chunks: ([]: Array<Chunk | PrecomputedChunk>),
@@ -2037,19 +2136,19 @@ function pushLink(
             };
             precedenceSet.add(emptyStyleResource);
             if (__DEV__) {
-              if (resources.stylePrecedences.has(precedence)) {
+              if (resumableState.stylePrecedences.has(precedence)) {
                 console.error(
                   'React constructed an empty style resource when a style resource already exists for this precedence: "%s". This is a bug in React.',
                   precedence,
                 );
               }
             }
-            resources.stylePrecedences.set(precedence, emptyStyleResource);
+            resumableState.stylePrecedences.set(precedence, emptyStyleResource);
           }
           precedenceSet.add(resource);
         }
-        if (resources.boundaryResources) {
-          resources.boundaryResources.add(resource);
+        if (renderState.boundaryResources) {
+          renderState.boundaryResources.add(resource);
         }
         if (textEmbedded) {
           // This link follows text but we aren't writing a tag. while not as efficient as possible we need
@@ -2074,11 +2173,11 @@ function pushLink(
       switch (props.rel) {
         case 'preconnect':
         case 'dns-prefetch':
-          return pushLinkImpl(responseState.preconnectChunks, props);
+          return pushLinkImpl(renderState.preconnectChunks, props);
         case 'preload':
-          return pushLinkImpl(responseState.preloadChunks, props);
+          return pushLinkImpl(renderState.preloadChunks, props);
         default:
-          return pushLinkImpl(responseState.hoistableChunks, props);
+          return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   } else {
@@ -2119,7 +2218,8 @@ function pushLinkImpl(
 function pushStyle(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
-  resources: Resources,
+  resumableState: ResumableState,
+  renderState: RenderState,
   textEmbedded: boolean,
   insertionMode: InsertionMode,
   noscriptTagInScope: boolean,
@@ -2179,9 +2279,9 @@ function pushStyle(
     }
 
     const key = getResourceKey('style', href);
-    let resource = resources.stylesMap.get(key);
+    let resource = resumableState.stylesMap.get(key);
     if (!resource) {
-      resource = resources.stylePrecedences.get(precedence);
+      resource = resumableState.stylePrecedences.get(precedence);
       if (!resource) {
         resource = {
           type: 'style',
@@ -2192,24 +2292,24 @@ function pushStyle(
             hrefs: [href],
           },
         };
-        resources.stylePrecedences.set(precedence, resource);
+        resumableState.stylePrecedences.set(precedence, resource);
         const precedenceSet: Set<StyleResource> = new Set();
         precedenceSet.add(resource);
         if (__DEV__) {
-          if (resources.precedences.has(precedence)) {
+          if (resumableState.precedences.has(precedence)) {
             console.error(
               'React constructed a new style precedence set when one already exists for this precedence: "%s". This is a bug in React.',
               precedence,
             );
           }
         }
-        resources.precedences.set(precedence, precedenceSet);
+        resumableState.precedences.set(precedence, precedenceSet);
       } else {
         resource.props.hrefs.push(href);
       }
-      resources.stylesMap.set(key, resource);
-      if (resources.boundaryResources) {
-        resources.boundaryResources.add(resource);
+      resumableState.stylesMap.set(key, resource);
+      if (renderState.boundaryResources) {
+        renderState.boundaryResources.add(resource);
       }
       pushStyleContents(resource.chunks, props);
     }
@@ -2333,7 +2433,7 @@ function getImagePreloadKey(
 function pushImg(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
-  resources: Resources,
+  resumableState: ResumableState,
 ): null {
   const {src, srcSet} = props;
   if (
@@ -2359,10 +2459,10 @@ function pushImg(
     )
   ) {
     // We have a suspensey image and ought to preload it to optimize the loading of display blocking
-    // resources.
+    // resumableState.
     const {sizes} = props;
     const key = getImagePreloadKey(src, srcSet, sizes);
-    let resource = resources.preloadsMap.get(key);
+    let resource = resumableState.preloadsMap.get(key);
     if (!resource) {
       resource = {
         type: 'preload',
@@ -2385,16 +2485,16 @@ function pushImg(
           referrerPolicy: props.referrerPolicy,
         },
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
     if (
       props.fetchPriority === 'high' ||
-      resources.highImagePreloads.size < 10
+      resumableState.highImagePreloads.size < 10
     ) {
-      resources.highImagePreloads.add(resource);
+      resumableState.highImagePreloads.add(resource);
     } else {
-      resources.bulkPreloads.add(resource);
+      resumableState.bulkPreloads.add(resource);
     }
   }
   return pushSelfClosing(target, props, 'img');
@@ -2463,7 +2563,7 @@ function pushStartMenuItem(
 function pushTitle(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
-  responseState: ResponseState,
+  renderState: RenderState,
   insertionMode: InsertionMode,
   noscriptTagInScope: boolean,
 ): ReactNodeList {
@@ -2521,7 +2621,7 @@ function pushTitle(
       !noscriptTagInScope &&
       props.itemProp == null
     ) {
-      pushTitleImpl(responseState.hoistableChunks, props);
+      pushTitleImpl(renderState.hoistableChunks, props);
       return null;
     } else {
       return pushTitleImpl(target, props);
@@ -2653,14 +2753,14 @@ function pushStartTitle(
 function pushStartHead(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
-  responseState: ResponseState,
+  renderState: RenderState,
   insertionMode: InsertionMode,
 ): ReactNodeList {
   if (enableFloat) {
-    if (insertionMode < HTML_MODE && responseState.headChunks === null) {
+    if (insertionMode < HTML_MODE && renderState.headChunks === null) {
       // This <head> is the Document.head and should be part of the preamble
-      responseState.headChunks = [];
-      return pushStartGenericElement(responseState.headChunks, props, 'head');
+      renderState.headChunks = [];
+      return pushStartGenericElement(renderState.headChunks, props, 'head');
     } else {
       // This <head> is deep and is likely just an error. we emit it inline though.
       // Validation should warn that this tag is the the wrong spot.
@@ -2674,14 +2774,14 @@ function pushStartHead(
 function pushStartHtml(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
-  responseState: ResponseState,
+  renderState: RenderState,
   insertionMode: InsertionMode,
 ): ReactNodeList {
   if (enableFloat) {
-    if (insertionMode === ROOT_HTML_MODE && responseState.htmlChunks === null) {
+    if (insertionMode === ROOT_HTML_MODE && renderState.htmlChunks === null) {
       // This <html> is the Document.documentElement and should be part of the preamble
-      responseState.htmlChunks = [DOCTYPE];
-      return pushStartGenericElement(responseState.htmlChunks, props, 'html');
+      renderState.htmlChunks = [DOCTYPE];
+      return pushStartGenericElement(renderState.htmlChunks, props, 'html');
     } else {
       // This <html> is deep and is likely just an error. we emit it inline though.
       // Validation should warn that this tag is the the wrong spot.
@@ -2701,7 +2801,7 @@ function pushStartHtml(
 function pushScript(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
-  resources: Resources,
+  resumableState: ResumableState,
   textEmbedded: boolean,
   insertionMode: InsertionMode,
   noscriptTagInScope: boolean,
@@ -2729,7 +2829,7 @@ function pushScript(
     const src = props.src;
     const key = getResourceKey('script', src);
     // We can make this <script> into a ScriptResource
-    let resource = resources.scriptsMap.get(key);
+    let resource = resumableState.scriptsMap.get(key);
     if (!resource) {
       resource = {
         type: 'script',
@@ -2737,12 +2837,12 @@ function pushScript(
         state: NoState,
         props: null,
       };
-      resources.scriptsMap.set(key, resource);
+      resumableState.scriptsMap.set(key, resource);
       // Add to the script flushing queue
-      resources.scripts.add(resource);
+      resumableState.scripts.add(resource);
 
       let scriptProps = props;
-      const preloadResource = resources.preloadsMap.get(key);
+      const preloadResource = resumableState.preloadsMap.get(key);
       if (preloadResource) {
         // If we already had a preload we don't want that resource to flush directly.
         // We let the newly created resource govern flushing.
@@ -3036,8 +3136,8 @@ export function pushStartInstance(
   target: Array<Chunk | PrecomputedChunk>,
   type: string,
   props: Object,
-  resources: Resources,
-  responseState: ResponseState,
+  resumableState: ResumableState,
+  renderState: RenderState,
   formatContext: FormatContext,
   textEmbedded: boolean,
 ): ReactNodeList {
@@ -3093,11 +3193,11 @@ export function pushStartInstance(
     case 'textarea':
       return pushStartTextArea(target, props);
     case 'input':
-      return pushInput(target, props, responseState);
+      return pushInput(target, props, resumableState, renderState);
     case 'button':
-      return pushStartButton(target, props, responseState);
+      return pushStartButton(target, props, resumableState, renderState);
     case 'form':
-      return pushStartForm(target, props, responseState);
+      return pushStartForm(target, props, resumableState, renderState);
     case 'menuitem':
       return pushStartMenuItem(target, props);
     case 'title':
@@ -3105,7 +3205,7 @@ export function pushStartInstance(
         ? pushTitle(
             target,
             props,
-            responseState,
+            renderState,
             formatContext.insertionMode,
             formatContext.noscriptTagInScope,
           )
@@ -3114,8 +3214,8 @@ export function pushStartInstance(
       return pushLink(
         target,
         props,
-        responseState,
-        resources,
+        resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope,
@@ -3125,7 +3225,7 @@ export function pushStartInstance(
         ? pushScript(
             target,
             props,
-            resources,
+            resumableState,
             textEmbedded,
             formatContext.insertionMode,
             formatContext.noscriptTagInScope,
@@ -3135,7 +3235,8 @@ export function pushStartInstance(
       return pushStyle(
         target,
         props,
-        resources,
+        resumableState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope,
@@ -3144,7 +3245,7 @@ export function pushStartInstance(
       return pushMeta(
         target,
         props,
-        responseState,
+        renderState,
         textEmbedded,
         formatContext.insertionMode,
         formatContext.noscriptTagInScope,
@@ -3156,7 +3257,7 @@ export function pushStartInstance(
     }
     case 'img': {
       return enableFloat
-        ? pushImg(target, props, resources)
+        ? pushImg(target, props, resumableState)
         : pushSelfClosing(target, props, type);
     }
     // Omitted close tags
@@ -3190,14 +3291,14 @@ export function pushStartInstance(
       return pushStartHead(
         target,
         props,
-        responseState,
+        renderState,
         formatContext.insertionMode,
       );
     case 'html': {
       return pushStartHtml(
         target,
         props,
-        responseState,
+        renderState,
         formatContext.insertionMode,
       );
     }
@@ -3219,7 +3320,7 @@ export function pushEndInstance(
   target: Array<Chunk | PrecomputedChunk>,
   type: string,
   props: Object,
-  responseState: ResponseState,
+  resumableState: ResumableState,
   formatContext: FormatContext,
 ): void {
   switch (type) {
@@ -3263,13 +3364,14 @@ export function pushEndInstance(
     // we won't emit any more tags
     case 'body': {
       if (enableFloat && formatContext.insertionMode <= HTML_HTML_MODE) {
-        responseState.hasBody = true;
+        resumableState.hasBody = true;
         return;
       }
       break;
     }
     case 'html':
       if (enableFloat && formatContext.insertionMode === ROOT_HTML_MODE) {
+        resumableState.hasHtml = true;
         return;
       }
       break;
@@ -3279,9 +3381,9 @@ export function pushEndInstance(
 
 function writeBootstrap(
   destination: Destination,
-  responseState: ResponseState,
+  resumableState: ResumableState,
 ): boolean {
-  const bootstrapChunks = responseState.bootstrapChunks;
+  const bootstrapChunks = resumableState.bootstrapChunks;
   let i = 0;
   for (; i < bootstrapChunks.length - 1; i++) {
     writeChunk(destination, bootstrapChunks[i]);
@@ -3296,9 +3398,9 @@ function writeBootstrap(
 
 export function writeCompletedRoot(
   destination: Destination,
-  responseState: ResponseState,
+  resumableState: ResumableState,
 ): boolean {
-  return writeBootstrap(destination, responseState);
+  return writeBootstrap(destination, resumableState);
 }
 
 // Structural Nodes
@@ -3310,11 +3412,11 @@ const placeholder1 = stringToPrecomputedChunk('<template id="');
 const placeholder2 = stringToPrecomputedChunk('"></template>');
 export function writePlaceholder(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
   id: number,
 ): boolean {
   writeChunk(destination, placeholder1);
-  writeChunk(destination, responseState.placeholderPrefix);
+  writeChunk(destination, renderState.placeholderPrefix);
   const formattedID = stringToChunk(id.toString(16));
   writeChunk(destination, formattedID);
   return writeChunkAndReturn(destination, placeholder2);
@@ -3357,13 +3459,13 @@ export function pushEndCompletedSuspenseBoundary(
 
 export function writeStartCompletedSuspenseBoundary(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
 ): boolean {
   return writeChunkAndReturn(destination, startCompletedSuspenseBoundary);
 }
 export function writeStartPendingSuspenseBoundary(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
   id: SuspenseBoundaryID,
 ): boolean {
   writeChunk(destination, startPendingSuspenseBoundary1);
@@ -3379,7 +3481,7 @@ export function writeStartPendingSuspenseBoundary(
 }
 export function writeStartClientRenderedSuspenseBoundary(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
   errorDigest: ?string,
   errorMesssage: ?string,
   errorComponentStack: ?string,
@@ -3430,19 +3532,19 @@ export function writeStartClientRenderedSuspenseBoundary(
 }
 export function writeEndCompletedSuspenseBoundary(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
 ): boolean {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
 export function writeEndPendingSuspenseBoundary(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
 ): boolean {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
 export function writeEndClientRenderedSuspenseBoundary(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
 ): boolean {
   return writeChunkAndReturn(destination, endSuspenseBoundary);
 }
@@ -3485,7 +3587,7 @@ const endSegmentColGroup = stringToPrecomputedChunk('</colgroup></table>');
 
 export function writeStartSegment(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
   formatContext: FormatContext,
   id: number,
 ): boolean {
@@ -3494,25 +3596,25 @@ export function writeStartSegment(
     case HTML_HTML_MODE:
     case HTML_MODE: {
       writeChunk(destination, startSegmentHTML);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentHTML2);
     }
     case SVG_MODE: {
       writeChunk(destination, startSegmentSVG);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentSVG2);
     }
     case MATHML_MODE: {
       writeChunk(destination, startSegmentMathML);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentMathML2);
     }
     case HTML_TABLE_MODE: {
       writeChunk(destination, startSegmentTable);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTable2);
     }
@@ -3522,19 +3624,19 @@ export function writeStartSegment(
     // and it's kind of an edge case to suspend in a table. Totally supported though.
     case HTML_TABLE_BODY_MODE: {
       writeChunk(destination, startSegmentTableBody);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTableBody2);
     }
     case HTML_TABLE_ROW_MODE: {
       writeChunk(destination, startSegmentTableRow);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentTableRow2);
     }
     case HTML_COLGROUP_MODE: {
       writeChunk(destination, startSegmentColGroup);
-      writeChunk(destination, responseState.segmentPrefix);
+      writeChunk(destination, renderState.segmentPrefix);
       writeChunk(destination, stringToChunk(id.toString(16)));
       return writeChunkAndReturn(destination, startSegmentColGroup2);
     }
@@ -3592,20 +3694,21 @@ const completeSegmentDataEnd = dataElementQuotedEnd;
 
 export function writeCompletedSegmentInstruction(
   destination: Destination,
-  responseState: ResponseState,
+  resumableState: ResumableState,
+  renderState: RenderState,
   contentSegmentID: number,
 ): boolean {
   const scriptFormat =
     !enableFizzExternalRuntime ||
-    responseState.streamingFormat === ScriptStreamingFormat;
+    resumableState.streamingFormat === ScriptStreamingFormat;
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
     if (
-      (responseState.instructions & SentCompleteSegmentFunction) ===
+      (resumableState.instructions & SentCompleteSegmentFunction) ===
       NothingSent
     ) {
       // The first time we write this, we'll need to include the full implementation.
-      responseState.instructions |= SentCompleteSegmentFunction;
+      resumableState.instructions |= SentCompleteSegmentFunction;
       writeChunk(destination, completeSegmentScript1Full);
     } else {
       // Future calls can just reuse the same function.
@@ -3616,7 +3719,7 @@ export function writeCompletedSegmentInstruction(
   }
 
   // Write function arguments, which are string literals
-  writeChunk(destination, responseState.segmentPrefix);
+  writeChunk(destination, renderState.segmentPrefix);
   const formattedID = stringToChunk(contentSegmentID.toString(16));
   writeChunk(destination, formattedID);
   if (scriptFormat) {
@@ -3624,7 +3727,7 @@ export function writeCompletedSegmentInstruction(
   } else {
     writeChunk(destination, completeSegmentData2);
   }
-  writeChunk(destination, responseState.placeholderPrefix);
+  writeChunk(destination, renderState.placeholderPrefix);
   writeChunk(destination, formattedID);
 
   if (scriptFormat) {
@@ -3665,51 +3768,52 @@ const completeBoundaryDataEnd = dataElementQuotedEnd;
 
 export function writeCompletedBoundaryInstruction(
   destination: Destination,
-  responseState: ResponseState,
+  resumableState: ResumableState,
+  renderState: RenderState,
   boundaryID: SuspenseBoundaryID,
   contentSegmentID: number,
   boundaryResources: BoundaryResources,
 ): boolean {
   let requiresStyleInsertion;
   if (enableFloat) {
-    requiresStyleInsertion = responseState.stylesToHoist;
+    requiresStyleInsertion = renderState.stylesToHoist;
     // If necessary stylesheets will be flushed with this instruction.
     // Any style tags not yet hoisted in the Document will also be hoisted.
     // We reset this state since after this instruction executes all styles
     // up to this point will have been hoisted
-    responseState.stylesToHoist = false;
+    renderState.stylesToHoist = false;
   }
   const scriptFormat =
     !enableFizzExternalRuntime ||
-    responseState.streamingFormat === ScriptStreamingFormat;
+    resumableState.streamingFormat === ScriptStreamingFormat;
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
     if (enableFloat && requiresStyleInsertion) {
       if (
-        (responseState.instructions & SentCompleteBoundaryFunction) ===
+        (resumableState.instructions & SentCompleteBoundaryFunction) ===
         NothingSent
       ) {
-        responseState.instructions |=
+        resumableState.instructions |=
           SentStyleInsertionFunction | SentCompleteBoundaryFunction;
         writeChunk(
           destination,
           clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth),
         );
       } else if (
-        (responseState.instructions & SentStyleInsertionFunction) ===
+        (resumableState.instructions & SentStyleInsertionFunction) ===
         NothingSent
       ) {
-        responseState.instructions |= SentStyleInsertionFunction;
+        resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
       } else {
         writeChunk(destination, completeBoundaryWithStylesScript1Partial);
       }
     } else {
       if (
-        (responseState.instructions & SentCompleteBoundaryFunction) ===
+        (resumableState.instructions & SentCompleteBoundaryFunction) ===
         NothingSent
       ) {
-        responseState.instructions |= SentCompleteBoundaryFunction;
+        resumableState.instructions |= SentCompleteBoundaryFunction;
         writeChunk(destination, completeBoundaryScript1Full);
       } else {
         writeChunk(destination, completeBoundaryScript1Partial);
@@ -3737,7 +3841,7 @@ export function writeCompletedBoundaryInstruction(
   } else {
     writeChunk(destination, completeBoundaryData2);
   }
-  writeChunk(destination, responseState.segmentPrefix);
+  writeChunk(destination, renderState.segmentPrefix);
   writeChunk(destination, formattedContentID);
   if (enableFloat && requiresStyleInsertion) {
     // Script and data writers must format this differently:
@@ -3764,7 +3868,7 @@ export function writeCompletedBoundaryInstruction(
   } else {
     writeMore = writeChunkAndReturn(destination, completeBoundaryDataEnd);
   }
-  return writeBootstrap(destination, responseState) && writeMore;
+  return writeBootstrap(destination, resumableState) && writeMore;
 }
 
 const clientRenderScript1Full = stringToPrecomputedChunk(
@@ -3785,7 +3889,8 @@ const clientRenderDataEnd = dataElementQuotedEnd;
 
 export function writeClientRenderBoundaryInstruction(
   destination: Destination,
-  responseState: ResponseState,
+  resumableState: ResumableState,
+  renderState: RenderState,
   boundaryID: SuspenseBoundaryID,
   errorDigest: ?string,
   errorMessage?: string,
@@ -3793,15 +3898,15 @@ export function writeClientRenderBoundaryInstruction(
 ): boolean {
   const scriptFormat =
     !enableFizzExternalRuntime ||
-    responseState.streamingFormat === ScriptStreamingFormat;
+    resumableState.streamingFormat === ScriptStreamingFormat;
   if (scriptFormat) {
-    writeChunk(destination, responseState.startInlineScript);
+    writeChunk(destination, renderState.startInlineScript);
     if (
-      (responseState.instructions & SentClientRenderFunction) ===
+      (resumableState.instructions & SentClientRenderFunction) ===
       NothingSent
     ) {
       // The first time we write this, we'll need to include the full implementation.
-      responseState.instructions |= SentClientRenderFunction;
+      resumableState.instructions |= SentClientRenderFunction;
       writeChunk(destination, clientRenderScript1Full);
     } else {
       // Future calls can just reuse the same function.
@@ -4002,7 +4107,7 @@ function flushStyleTagsLateForBoundary(
 export function writeResourcesForBoundary(
   destination: Destination,
   boundaryResources: BoundaryResources,
-  responseState: ResponseState,
+  renderState: RenderState,
 ): boolean {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
@@ -4011,7 +4116,7 @@ export function writeResourcesForBoundary(
   // Flush each Boundary resource
   boundaryResources.forEach(flushStyleTagsLateForBoundary, destination);
   if (currentlyRenderingBoundaryHasStylesToHoist) {
-    responseState.stylesToHoist = true;
+    renderState.stylesToHoist = true;
   }
   return destinationHasCapacity;
 }
@@ -4162,27 +4267,27 @@ function preloadLateStyles(
 // of the flushing code in Fizz.
 export function writePreamble(
   destination: Destination,
-  resources: Resources,
-  responseState: ResponseState,
+  resumableState: ResumableState,
+  renderState: RenderState,
   willFlushAllSegments: boolean,
 ): void {
   // This function must be called exactly once on every request
   if (
     enableFizzExternalRuntime &&
     !willFlushAllSegments &&
-    responseState.externalRuntimeScript
+    resumableState.externalRuntimeScript
   ) {
     // If the root segment is incomplete due to suspended tasks
     // (e.g. willFlushAllSegments = false) and we are using data
     // streaming format, ensure the external runtime is sent.
     // (User code could choose to send this even earlier by calling
     //  preinit(...), if they know they will suspend).
-    const {src, chunks} = responseState.externalRuntimeScript;
-    internalPreinitScript(resources, src, chunks);
+    const {src, chunks} = resumableState.externalRuntimeScript;
+    internalPreinitScript(resumableState, src, chunks);
   }
 
-  const htmlChunks = responseState.htmlChunks;
-  const headChunks = responseState.headChunks;
+  const htmlChunks = renderState.htmlChunks;
+  const headChunks = renderState.headChunks;
 
   let i = 0;
 
@@ -4209,48 +4314,51 @@ export function writePreamble(
   }
 
   // Emit high priority Hoistables
-  const charsetChunks = responseState.charsetChunks;
+  const charsetChunks = renderState.charsetChunks;
   for (i = 0; i < charsetChunks.length; i++) {
     writeChunk(destination, charsetChunks[i]);
   }
   charsetChunks.length = 0;
 
   // emit preconnect resources
-  resources.preconnects.forEach(flushResourceInPreamble, destination);
-  resources.preconnects.clear();
+  resumableState.preconnects.forEach(flushResourceInPreamble, destination);
+  resumableState.preconnects.clear();
 
-  const preconnectChunks = responseState.preconnectChunks;
+  const preconnectChunks = renderState.preconnectChunks;
   for (i = 0; i < preconnectChunks.length; i++) {
     writeChunk(destination, preconnectChunks[i]);
   }
   preconnectChunks.length = 0;
 
-  resources.fontPreloads.forEach(flushResourceInPreamble, destination);
-  resources.fontPreloads.clear();
+  resumableState.fontPreloads.forEach(flushResourceInPreamble, destination);
+  resumableState.fontPreloads.clear();
 
-  resources.highImagePreloads.forEach(flushResourceInPreamble, destination);
-  resources.highImagePreloads.clear();
+  resumableState.highImagePreloads.forEach(
+    flushResourceInPreamble,
+    destination,
+  );
+  resumableState.highImagePreloads.clear();
 
   // Flush unblocked stylesheets by precedence
-  resources.precedences.forEach(flushAllStylesInPreamble, destination);
+  resumableState.precedences.forEach(flushAllStylesInPreamble, destination);
 
-  resources.bootstrapScripts.forEach(flushResourceInPreamble, destination);
+  resumableState.bootstrapScripts.forEach(flushResourceInPreamble, destination);
 
-  resources.scripts.forEach(flushResourceInPreamble, destination);
-  resources.scripts.clear();
+  resumableState.scripts.forEach(flushResourceInPreamble, destination);
+  resumableState.scripts.clear();
 
-  resources.bulkPreloads.forEach(flushResourceInPreamble, destination);
-  resources.bulkPreloads.clear();
+  resumableState.bulkPreloads.forEach(flushResourceInPreamble, destination);
+  resumableState.bulkPreloads.clear();
 
   // Write embedding preloadChunks
-  const preloadChunks = responseState.preloadChunks;
+  const preloadChunks = renderState.preloadChunks;
   for (i = 0; i < preloadChunks.length; i++) {
     writeChunk(destination, preloadChunks[i]);
   }
   preloadChunks.length = 0;
 
   // Write embedding hoistableChunks
-  const hoistableChunks = responseState.hoistableChunks;
+  const hoistableChunks = renderState.hoistableChunks;
   for (i = 0; i < hoistableChunks.length; i++) {
     writeChunk(destination, hoistableChunks[i]);
   }
@@ -4275,8 +4383,8 @@ export function writePreamble(
 // of the flushing code in Fizz.
 export function writeHoistables(
   destination: Destination,
-  resources: Resources,
-  responseState: ResponseState,
+  resumableState: ResumableState,
+  renderState: RenderState,
 ): void {
   let i = 0;
 
@@ -4285,43 +4393,46 @@ export function writeHoistables(
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  resources.preconnects.forEach(flushResourceLate, destination);
-  resources.preconnects.clear();
+  resumableState.preconnects.forEach(flushResourceLate, destination);
+  resumableState.preconnects.clear();
 
-  const preconnectChunks = responseState.preconnectChunks;
+  const preconnectChunks = renderState.preconnectChunks;
   for (i = 0; i < preconnectChunks.length; i++) {
     writeChunk(destination, preconnectChunks[i]);
   }
   preconnectChunks.length = 0;
 
-  resources.fontPreloads.forEach(flushResourceLate, destination);
-  resources.fontPreloads.clear();
+  resumableState.fontPreloads.forEach(flushResourceLate, destination);
+  resumableState.fontPreloads.clear();
 
-  resources.highImagePreloads.forEach(flushResourceInPreamble, destination);
-  resources.highImagePreloads.clear();
+  resumableState.highImagePreloads.forEach(
+    flushResourceInPreamble,
+    destination,
+  );
+  resumableState.highImagePreloads.clear();
 
   // Preload any stylesheets. these will emit in a render instruction that follows this
   // but we want to kick off preloading as soon as possible
-  resources.precedences.forEach(preloadLateStyles, destination);
+  resumableState.precedences.forEach(preloadLateStyles, destination);
 
   // bootstrap scripts should flush above script priority but these can only flush in the preamble
   // so we elide the code here for performance
 
-  resources.scripts.forEach(flushResourceLate, destination);
-  resources.scripts.clear();
+  resumableState.scripts.forEach(flushResourceLate, destination);
+  resumableState.scripts.clear();
 
-  resources.bulkPreloads.forEach(flushResourceLate, destination);
-  resources.bulkPreloads.clear();
+  resumableState.bulkPreloads.forEach(flushResourceLate, destination);
+  resumableState.bulkPreloads.clear();
 
   // Write embedding preloadChunks
-  const preloadChunks = responseState.preloadChunks;
+  const preloadChunks = renderState.preloadChunks;
   for (i = 0; i < preloadChunks.length; i++) {
     writeChunk(destination, preloadChunks[i]);
   }
   preloadChunks.length = 0;
 
   // Write embedding hoistableChunks
-  const hoistableChunks = responseState.hoistableChunks;
+  const hoistableChunks = renderState.hoistableChunks;
   for (i = 0; i < hoistableChunks.length; i++) {
     writeChunk(destination, hoistableChunks[i]);
   }
@@ -4330,14 +4441,14 @@ export function writeHoistables(
 
 export function writePostamble(
   destination: Destination,
-  responseState: ResponseState,
+  resumableState: ResumableState,
 ): void {
-  if (responseState.hasBody) {
+  if (resumableState.hasBody) {
     writeChunk(destination, endTag1);
     writeChunk(destination, stringToChunk('body'));
     writeChunk(destination, endTag2);
   }
-  if (responseState.htmlChunks) {
+  if (resumableState.hasHtml) {
     writeChunk(destination, endTag1);
     writeChunk(destination, stringToChunk('html'));
     writeChunk(destination, endTag2);
@@ -4823,54 +4934,6 @@ type Resource =
   | PreloadResource
   | PreconnectResource;
 
-export type Resources = {
-  // Request local cache
-  preloadsMap: Map<string, PreloadResource>,
-  preconnectsMap: Map<string, PreconnectResource>,
-  stylesMap: Map<string, StyleResource>,
-  scriptsMap: Map<string, ScriptResource>,
-
-  // Flushing queues for Resource dependencies
-  preconnects: Set<PreconnectResource>,
-  fontPreloads: Set<PreloadResource>,
-  highImagePreloads: Set<PreloadResource>,
-  // usedImagePreloads: Set<PreloadResource>,
-  precedences: Map<string, Set<StyleResource>>,
-  stylePrecedences: Map<string, StyleTagResource>,
-  bootstrapScripts: Set<PreloadResource>,
-  scripts: Set<ScriptResource>,
-  bulkPreloads: Set<PreloadResource>,
-
-  // Module-global-like reference for current boundary resources
-  boundaryResources: ?BoundaryResources,
-  ...
-};
-
-// @TODO add bootstrap script to implicit preloads
-export function createResources(): Resources {
-  return {
-    // persistent
-    preloadsMap: new Map(),
-    preconnectsMap: new Map(),
-    stylesMap: new Map(),
-    scriptsMap: new Map(),
-
-    // cleared on flush
-    preconnects: new Set(),
-    fontPreloads: new Set(),
-    highImagePreloads: new Set(),
-    // usedImagePreloads: new Set(),
-    precedences: new Map(),
-    stylePrecedences: new Map(),
-    bootstrapScripts: new Set(),
-    scripts: new Set(),
-    bulkPreloads: new Set(),
-
-    // like a module global for currently rendering boundary
-    boundaryResources: null,
-  };
-}
-
 export type BoundaryResources = Set<StyleResource>;
 
 export function createBoundaryResources(): BoundaryResources {
@@ -4878,10 +4941,10 @@ export function createBoundaryResources(): BoundaryResources {
 }
 
 export function setCurrentlyRenderingBoundaryResourcesTarget(
-  resources: Resources,
+  renderState: RenderState,
   boundaryResources: null | BoundaryResources,
 ) {
-  resources.boundaryResources = boundaryResources;
+  renderState.boundaryResources = boundaryResources;
 }
 
 function getResourceKey(as: string, href: string): string {
@@ -4901,7 +4964,7 @@ function prefetchDNS(href: string, options?: ?PrefetchDNSOptions) {
     // fetching) and we don't want to warn in those cases.
     return;
   }
-  const resources = getResources(request);
+  const resumableState = getResumableState(request);
   if (__DEV__) {
     if (typeof href !== 'string' || !href) {
       console.error(
@@ -4928,7 +4991,7 @@ function prefetchDNS(href: string, options?: ?PrefetchDNSOptions) {
 
   if (typeof href === 'string' && href) {
     const key = getResourceKey('prefetchDNS', href);
-    let resource = resources.preconnectsMap.get(key);
+    let resource = resumableState.preconnectsMap.get(key);
     if (!resource) {
       resource = {
         type: 'preconnect',
@@ -4936,13 +4999,13 @@ function prefetchDNS(href: string, options?: ?PrefetchDNSOptions) {
         state: NoState,
         props: null,
       };
-      resources.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap.set(key, resource);
       pushLinkImpl(
         resource.chunks,
         ({href, rel: 'dns-prefetch'}: PreconnectProps),
       );
     }
-    resources.preconnects.add(resource);
+    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -4960,7 +5023,7 @@ function preconnect(href: string, options?: ?PreconnectOptions) {
     // fetching) and we don't want to warn in those cases.
     return;
   }
-  const resources = getResources(request);
+  const resumableState = getResumableState(request);
   if (__DEV__) {
     if (typeof href !== 'string' || !href) {
       console.error(
@@ -4991,7 +5054,7 @@ function preconnect(href: string, options?: ?PreconnectOptions) {
     const key = `[preconnect][${
       crossOrigin === null ? 'null' : crossOrigin
     }]${href}`;
-    let resource = resources.preconnectsMap.get(key);
+    let resource = resumableState.preconnectsMap.get(key);
     if (!resource) {
       resource = {
         type: 'preconnect',
@@ -4999,13 +5062,13 @@ function preconnect(href: string, options?: ?PreconnectOptions) {
         state: NoState,
         props: null,
       };
-      resources.preconnectsMap.set(key, resource);
+      resumableState.preconnectsMap.set(key, resource);
       pushLinkImpl(
         resource.chunks,
         ({rel: 'preconnect', href, crossOrigin}: PreconnectProps),
       );
     }
-    resources.preconnects.add(resource);
+    resumableState.preconnects.add(resource);
     flushResources(request);
   }
 }
@@ -5023,7 +5086,7 @@ function preload(href: string, options: PreloadOptions) {
     // fetching) and we don't want to warn in those cases.
     return;
   }
-  const resources = getResources(request);
+  const resumableState = getResumableState(request);
   if (__DEV__) {
     let encountered = '';
     if (typeof href !== 'string' || !href) {
@@ -5066,7 +5129,7 @@ function preload(href: string, options: PreloadOptions) {
     } else {
       key = getResourceKey(as, href);
     }
-    let resource = resources.preloadsMap.get(key);
+    let resource = resumableState.preloadsMap.get(key);
     if (!resource) {
       resource = {
         type: 'preload',
@@ -5074,15 +5137,15 @@ function preload(href: string, options: PreloadOptions) {
         state: NoState,
         props: preloadPropsFromPreloadOptions(href, as, options),
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
     if (as === 'font') {
-      resources.fontPreloads.add(resource);
+      resumableState.fontPreloads.add(resource);
     } else if (as === 'image' && options.fetchPriority === 'high') {
-      resources.highImagePreloads.add(resource);
+      resumableState.highImagePreloads.add(resource);
     } else {
-      resources.bulkPreloads.add(resource);
+      resumableState.bulkPreloads.add(resource);
     }
     flushResources(request);
   }
@@ -5101,7 +5164,7 @@ function preloadModule(href: string, options?: ?PreloadModuleOptions): void {
     // fetching) and we don't want to warn in those cases.
     return;
   }
-  const resources = getResources(request);
+  const resumableState = getResumableState(request);
   if (__DEV__) {
     let encountered = '';
     if (typeof href !== 'string' || !href) {
@@ -5129,7 +5192,7 @@ function preloadModule(href: string, options?: ?PreloadModuleOptions): void {
     const as =
       options && typeof options.as === 'string' ? options.as : 'script';
     const key = getResourceKey(as, href);
-    let resource = resources.preloadsMap.get(key);
+    let resource = resumableState.preloadsMap.get(key);
     if (!resource) {
       resource = {
         type: 'preload',
@@ -5137,10 +5200,10 @@ function preloadModule(href: string, options?: ?PreloadModuleOptions): void {
         state: NoState,
         props: preloadModulePropsFromPreloadModuleOptions(href, as, options),
       };
-      resources.preloadsMap.set(key, resource);
+      resumableState.preloadsMap.set(key, resource);
       pushLinkImpl(resource.chunks, resource.props);
     }
-    resources.bulkPreloads.add(resource);
+    resumableState.bulkPreloads.add(resource);
     flushResources(request);
   }
 }
@@ -5158,7 +5221,7 @@ function preinit(href: string, options: PreinitOptions): void {
     // fetching) and we don't want to warn in those cases.
     return;
   }
-  const resources = getResources(request);
+  const resumableState = getResumableState(request);
   if (__DEV__) {
     if (typeof href !== 'string' || !href) {
       console.error(
@@ -5187,11 +5250,11 @@ function preinit(href: string, options: PreinitOptions): void {
     switch (as) {
       case 'style': {
         const key = getResourceKey(as, href);
-        let resource = resources.stylesMap.get(key);
+        let resource = resumableState.stylesMap.get(key);
         const precedence = options.precedence || 'default';
         if (!resource) {
           let state = NoState;
-          const preloadResource = resources.preloadsMap.get(key);
+          const preloadResource = resumableState.preloadsMap.get(key);
           if (preloadResource && preloadResource.state & Flushed) {
             state = PreloadFlushed;
           }
@@ -5201,11 +5264,11 @@ function preinit(href: string, options: PreinitOptions): void {
             state,
             props: stylesheetPropsFromPreinitOptions(href, precedence, options),
           };
-          resources.stylesMap.set(key, resource);
-          let precedenceSet = resources.precedences.get(precedence);
+          resumableState.stylesMap.set(key, resource);
+          let precedenceSet = resumableState.precedences.get(precedence);
           if (!precedenceSet) {
             precedenceSet = new Set();
-            resources.precedences.set(precedence, precedenceSet);
+            resumableState.precedences.set(precedence, precedenceSet);
             const emptyStyleResource = {
               type: 'style',
               chunks: ([]: Array<Chunk | PrecomputedChunk>),
@@ -5217,14 +5280,14 @@ function preinit(href: string, options: PreinitOptions): void {
             };
             precedenceSet.add(emptyStyleResource);
             if (__DEV__) {
-              if (resources.stylePrecedences.has(precedence)) {
+              if (resumableState.stylePrecedences.has(precedence)) {
                 console.error(
                   'React constructed an empty style resource when a style resource already exists for this precedence: "%s". This is a bug in React.',
                   precedence,
                 );
               }
             }
-            resources.stylePrecedences.set(precedence, emptyStyleResource);
+            resumableState.stylePrecedences.set(precedence, emptyStyleResource);
           }
           precedenceSet.add(resource);
           flushResources(request);
@@ -5234,7 +5297,7 @@ function preinit(href: string, options: PreinitOptions): void {
       case 'script': {
         const src = href;
         const key = getResourceKey(as, src);
-        let resource = resources.scriptsMap.get(key);
+        let resource = resumableState.scriptsMap.get(key);
         if (!resource) {
           resource = {
             type: 'script',
@@ -5242,9 +5305,9 @@ function preinit(href: string, options: PreinitOptions): void {
             state: NoState,
             props: null,
           };
-          resources.scriptsMap.set(key, resource);
+          resumableState.scriptsMap.set(key, resource);
           const resourceProps = scriptPropsFromPreinitOptions(src, options);
-          resources.scripts.add(resource);
+          resumableState.scripts.add(resource);
           pushScriptImpl(resource.chunks, resourceProps);
           flushResources(request);
         }
@@ -5267,7 +5330,7 @@ function preinitModule(href: string, options?: ?PreinitModuleOptions): void {
     // fetching) and we don't want to warn in those cases.
     return;
   }
-  const resources = getResources(request);
+  const resumableState = getResumableState(request);
   if (__DEV__) {
     let encountered = '';
     if (typeof href !== 'string' || !href) {
@@ -5319,7 +5382,7 @@ function preinitModule(href: string, options?: ?PreinitModuleOptions): void {
       case 'script': {
         const src = href;
         const key = getResourceKey(as, src);
-        let resource = resources.scriptsMap.get(key);
+        let resource = resumableState.scriptsMap.get(key);
         if (!resource) {
           resource = {
             type: 'script',
@@ -5327,12 +5390,12 @@ function preinitModule(href: string, options?: ?PreinitModuleOptions): void {
             state: NoState,
             props: null,
           };
-          resources.scriptsMap.set(key, resource);
+          resumableState.scriptsMap.set(key, resource);
           const resourceProps = modulePropsFromPreinitModuleOptions(
             src,
             options,
           );
-          resources.scripts.add(resource);
+          resumableState.scripts.add(resource);
           pushScriptImpl(resource.chunks, resourceProps);
           flushResources(request);
         }
@@ -5347,7 +5410,7 @@ function preinitModule(href: string, options?: ?PreinitModuleOptions): void {
 // scripts at any other point in time we will need to check whether the preload
 // already exists and not assume it
 function preloadBootstrapScript(
-  resources: Resources,
+  resumableState: ResumableState,
   src: string,
   nonce: ?string,
   integrity: ?string,
@@ -5355,7 +5418,7 @@ function preloadBootstrapScript(
 ): void {
   const key = getResourceKey('script', src);
   if (__DEV__) {
-    if (resources.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.has(key)) {
       // This is coded as a React error because it should be impossible for a userspace preload to preempt this call
       // If a userspace preload can preempt it then this assumption is broken and we need to reconsider this strategy
       // rather than instruct the user to not preload their bootstrap scripts themselves
@@ -5380,8 +5443,8 @@ function preloadBootstrapScript(
     state: NoState,
     props,
   };
-  resources.preloadsMap.set(key, resource);
-  resources.bootstrapScripts.add(resource);
+  resumableState.preloadsMap.set(key, resource);
+  resumableState.bootstrapScripts.add(resource);
   pushLinkImpl(resource.chunks, props);
 }
 
@@ -5390,7 +5453,7 @@ function preloadBootstrapScript(
 // scripts at any other point in time we will need to check whether the preload
 // already exists and not assume it
 function preloadBootstrapModule(
-  resources: Resources,
+  resumableState: ResumableState,
   src: string,
   nonce: ?string,
   integrity: ?string,
@@ -5398,7 +5461,7 @@ function preloadBootstrapModule(
 ): void {
   const key = getResourceKey('script', src);
   if (__DEV__) {
-    if (resources.preloadsMap.has(key)) {
+    if (resumableState.preloadsMap.has(key)) {
       // This is coded as a React error because it should be impossible for a userspace preload to preempt this call
       // If a userspace preload can preempt it then this assumption is broken and we need to reconsider this strategy
       // rather than instruct the user to not preload their bootstrap scripts themselves
@@ -5422,19 +5485,19 @@ function preloadBootstrapModule(
     state: NoState,
     props,
   };
-  resources.preloadsMap.set(key, resource);
-  resources.bootstrapScripts.add(resource);
+  resumableState.preloadsMap.set(key, resource);
+  resumableState.bootstrapScripts.add(resource);
   pushLinkImpl(resource.chunks, props);
   return;
 }
 
 function internalPreinitScript(
-  resources: Resources,
+  resumableState: ResumableState,
   src: string,
   chunks: Array<Chunk | PrecomputedChunk>,
 ): void {
   const key = getResourceKey('script', src);
-  let resource = resources.scriptsMap.get(key);
+  let resource = resumableState.scriptsMap.get(key);
   if (!resource) {
     resource = {
       type: 'script',
@@ -5442,8 +5505,8 @@ function internalPreinitScript(
       state: NoState,
       props: null,
     };
-    resources.scriptsMap.set(key, resource);
-    resources.scripts.add(resource);
+    resumableState.scriptsMap.set(key, resource);
+    resumableState.scripts.add(resource);
   }
   return;
 }
@@ -5575,10 +5638,10 @@ function hoistStyleResource(this: BoundaryResources, resource: StyleResource) {
 }
 
 export function hoistResources(
-  resources: Resources,
+  renderState: RenderState,
   source: BoundaryResources,
 ): void {
-  const currentBoundaryResources = resources.boundaryResources;
+  const currentBoundaryResources = renderState.boundaryResources;
   if (currentBoundaryResources) {
     source.forEach(hoistStyleResource, currentBoundaryResources);
   }
diff --git a/packages/react-dom-bindings/src/server/ReactFizzConfigDOMLegacy.js b/packages/react-dom-bindings/src/server/ReactFizzConfigDOMLegacy.js
index 4907a0f820..602ca1a16a 100644
--- a/packages/react-dom-bindings/src/server/ReactFizzConfigDOMLegacy.js
+++ b/packages/react-dom-bindings/src/server/ReactFizzConfigDOMLegacy.js
@@ -7,16 +7,10 @@
  * @flow
  */
 
-import type {
-  Resources,
-  BootstrapScriptDescriptor,
-  ExternalRuntimeScript,
-  StreamingFormat,
-  InstructionState,
-} from './ReactFizzConfigDOM';
+import type {ResumableState, BoundaryResources} from './ReactFizzConfigDOM';
 
 import {
-  createResponseState as createResponseStateImpl,
+  createRenderState as createRenderStateImpl,
   pushTextInstance as pushTextInstanceImpl,
   pushSegmentFinale as pushSegmentFinaleImpl,
   writeStartCompletedSuspenseBoundary as writeStartCompletedSuspenseBoundaryImpl,
@@ -37,65 +31,44 @@ import {NotPending} from '../shared/ReactDOMFormActions';
 
 export const isPrimaryRenderer = false;
 
-export type ResponseState = {
+export type RenderState = {
   // Keep this in sync with ReactFizzConfigDOM
-  bootstrapChunks: Array<Chunk | PrecomputedChunk>,
   placeholderPrefix: PrecomputedChunk,
   segmentPrefix: PrecomputedChunk,
   boundaryPrefix: string,
-  idPrefix: string,
-  nextSuspenseID: number,
-  streamingFormat: StreamingFormat,
   startInlineScript: PrecomputedChunk,
-  instructions: InstructionState,
-  externalRuntimeScript: null | ExternalRuntimeScript,
   htmlChunks: null | Array<Chunk | PrecomputedChunk>,
   headChunks: null | Array<Chunk | PrecomputedChunk>,
-  hasBody: boolean,
   charsetChunks: Array<Chunk | PrecomputedChunk>,
   preconnectChunks: Array<Chunk | PrecomputedChunk>,
   preloadChunks: Array<Chunk | PrecomputedChunk>,
   hoistableChunks: Array<Chunk | PrecomputedChunk>,
+  boundaryResources: ?BoundaryResources,
   stylesToHoist: boolean,
   // This is an extra field for the legacy renderer
   generateStaticMarkup: boolean,
 };
 
-export function createResponseState(
-  resources: Resources,
+export function createRenderState(
+  resumableState: ResumableState,
+  nonce: string | void,
   generateStaticMarkup: boolean,
-  identifierPrefix: string | void,
-  externalRuntimeConfig: string | BootstrapScriptDescriptor | void,
-): ResponseState {
-  const responseState = createResponseStateImpl(
-    resources,
-    identifierPrefix,
-    undefined,
-    undefined,
-    undefined,
-    undefined,
-    externalRuntimeConfig,
-  );
+): RenderState {
+  const renderState = createRenderStateImpl(resumableState, nonce);
   return {
     // Keep this in sync with ReactFizzConfigDOM
-    bootstrapChunks: responseState.bootstrapChunks,
-    placeholderPrefix: responseState.placeholderPrefix,
-    segmentPrefix: responseState.segmentPrefix,
-    boundaryPrefix: responseState.boundaryPrefix,
-    idPrefix: responseState.idPrefix,
-    nextSuspenseID: responseState.nextSuspenseID,
-    streamingFormat: responseState.streamingFormat,
-    startInlineScript: responseState.startInlineScript,
-    instructions: responseState.instructions,
-    externalRuntimeScript: responseState.externalRuntimeScript,
-    htmlChunks: responseState.htmlChunks,
-    headChunks: responseState.headChunks,
-    hasBody: responseState.hasBody,
-    charsetChunks: responseState.charsetChunks,
-    preconnectChunks: responseState.preconnectChunks,
-    preloadChunks: responseState.preloadChunks,
-    hoistableChunks: responseState.hoistableChunks,
-    stylesToHoist: responseState.stylesToHoist,
+    placeholderPrefix: renderState.placeholderPrefix,
+    segmentPrefix: renderState.segmentPrefix,
+    boundaryPrefix: renderState.boundaryPrefix,
+    startInlineScript: renderState.startInlineScript,
+    htmlChunks: renderState.htmlChunks,
+    headChunks: renderState.headChunks,
+    charsetChunks: renderState.charsetChunks,
+    preconnectChunks: renderState.preconnectChunks,
+    preloadChunks: renderState.preloadChunks,
+    hoistableChunks: renderState.hoistableChunks,
+    boundaryResources: renderState.boundaryResources,
+    stylesToHoist: renderState.stylesToHoist,
 
     // This is an extra field for the legacy renderer
     generateStaticMarkup,
@@ -111,7 +84,7 @@ import {
 export const doctypeChunk: PrecomputedChunk = stringToPrecomputedChunk('');
 
 export type {
-  Resources,
+  ResumableState,
   BoundaryResources,
   FormatContext,
   SuspenseBoundaryID,
@@ -137,7 +110,7 @@ export {
   writePlaceholder,
   writeCompletedRoot,
   createRootFormatContext,
-  createResources,
+  createResumableState,
   createBoundaryResources,
   writePreamble,
   writeHoistables,
@@ -152,29 +125,29 @@ import escapeTextForBrowser from './escapeTextForBrowser';
 export function pushTextInstance(
   target: Array<Chunk | PrecomputedChunk>,
   text: string,
-  responseState: ResponseState,
+  renderState: RenderState,
   textEmbedded: boolean,
 ): boolean {
-  if (responseState.generateStaticMarkup) {
+  if (renderState.generateStaticMarkup) {
     target.push(stringToChunk(escapeTextForBrowser(text)));
     return false;
   } else {
-    return pushTextInstanceImpl(target, text, responseState, textEmbedded);
+    return pushTextInstanceImpl(target, text, renderState, textEmbedded);
   }
 }
 
 export function pushSegmentFinale(
   target: Array<Chunk | PrecomputedChunk>,
-  responseState: ResponseState,
+  renderState: RenderState,
   lastPushedText: boolean,
   textEmbedded: boolean,
 ): void {
-  if (responseState.generateStaticMarkup) {
+  if (renderState.generateStaticMarkup) {
     return;
   } else {
     return pushSegmentFinaleImpl(
       target,
-      responseState,
+      renderState,
       lastPushedText,
       textEmbedded,
     );
@@ -183,31 +156,31 @@ export function pushSegmentFinale(
 
 export function writeStartCompletedSuspenseBoundary(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
 ): boolean {
-  if (responseState.generateStaticMarkup) {
+  if (renderState.generateStaticMarkup) {
     // A completed boundary is done and doesn't need a representation in the HTML
     // if we're not going to be hydrating it.
     return true;
   }
-  return writeStartCompletedSuspenseBoundaryImpl(destination, responseState);
+  return writeStartCompletedSuspenseBoundaryImpl(destination, renderState);
 }
 export function writeStartClientRenderedSuspenseBoundary(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
   // flushing these error arguments are not currently supported in this legacy streaming format.
   errorDigest: ?string,
   errorMessage: ?string,
   errorComponentStack: ?string,
 ): boolean {
-  if (responseState.generateStaticMarkup) {
+  if (renderState.generateStaticMarkup) {
     // A client rendered boundary is done and doesn't need a representation in the HTML
     // since we'll never hydrate it. This is arguably an error in static generation.
     return true;
   }
   return writeStartClientRenderedSuspenseBoundaryImpl(
     destination,
-    responseState,
+    renderState,
     errorDigest,
     errorMessage,
     errorComponentStack,
@@ -215,21 +188,21 @@ export function writeStartClientRenderedSuspenseBoundary(
 }
 export function writeEndCompletedSuspenseBoundary(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
 ): boolean {
-  if (responseState.generateStaticMarkup) {
+  if (renderState.generateStaticMarkup) {
     return true;
   }
-  return writeEndCompletedSuspenseBoundaryImpl(destination, responseState);
+  return writeEndCompletedSuspenseBoundaryImpl(destination, renderState);
 }
 export function writeEndClientRenderedSuspenseBoundary(
   destination: Destination,
-  responseState: ResponseState,
+  renderState: RenderState,
 ): boolean {
-  if (responseState.generateStaticMarkup) {
+  if (renderState.generateStaticMarkup) {
     return true;
   }
-  return writeEndClientRenderedSuspenseBoundaryImpl(destination, responseState);
+  return writeEndClientRenderedSuspenseBoundaryImpl(destination, renderState);
 }
 
 export type TransitionStatus = FormStatus;
diff --git a/packages/react-dom/npm/server.browser.js b/packages/react-dom/npm/server.browser.js
index 4b7749d4cd..947e981ffd 100644
--- a/packages/react-dom/npm/server.browser.js
+++ b/packages/react-dom/npm/server.browser.js
@@ -15,3 +15,6 @@ exports.renderToStaticMarkup = l.renderToStaticMarkup;
 exports.renderToNodeStream = l.renderToNodeStream;
 exports.renderToStaticNodeStream = l.renderToStaticNodeStream;
 exports.renderToReadableStream = s.renderToReadableStream;
+if (s.resume) {
+  exports.resume = s.resume;
+}
diff --git a/packages/react-dom/npm/server.bun.js b/packages/react-dom/npm/server.bun.js
index aa27124d58..adbc56adec 100644
--- a/packages/react-dom/npm/server.bun.js
+++ b/packages/react-dom/npm/server.bun.js
@@ -12,6 +12,9 @@ if (process.env.NODE_ENV === 'production') {
 
 exports.version = b.version;
 exports.renderToReadableStream = b.renderToReadableStream;
+if (b.resume) {
+  exports.resume = b.resume;
+}
 exports.renderToNodeStream = b.renderToNodeStream;
 exports.renderToStaticNodeStream = b.renderToStaticNodeStream;
 exports.renderToString = l.renderToString;
diff --git a/packages/react-dom/npm/server.edge.js b/packages/react-dom/npm/server.edge.js
index 9b46751ab2..ced0fa7a4e 100644
--- a/packages/react-dom/npm/server.edge.js
+++ b/packages/react-dom/npm/server.edge.js
@@ -16,3 +16,6 @@ exports.renderToNodeStream = b.renderToNodeStream;
 exports.renderToStaticNodeStream = b.renderToStaticNodeStream;
 exports.renderToString = l.renderToString;
 exports.renderToStaticMarkup = l.renderToStaticMarkup;
+if (b.resume) {
+  exports.resume = b.resume;
+}
diff --git a/packages/react-dom/npm/server.node.js b/packages/react-dom/npm/server.node.js
index 2eb97e8035..44dc715efd 100644
--- a/packages/react-dom/npm/server.node.js
+++ b/packages/react-dom/npm/server.node.js
@@ -15,3 +15,6 @@ exports.renderToStaticMarkup = l.renderToStaticMarkup;
 exports.renderToNodeStream = l.renderToNodeStream;
 exports.renderToStaticNodeStream = l.renderToStaticNodeStream;
 exports.renderToPipeableStream = s.renderToPipeableStream;
+if (s.resume) {
+  exports.resume = s.resume;
+}
diff --git a/packages/react-dom/server.browser.js b/packages/react-dom/server.browser.js
index b17e136e5f..f617e7ec7e 100644
--- a/packages/react-dom/server.browser.js
+++ b/packages/react-dom/server.browser.js
@@ -37,7 +37,14 @@ export function renderToStaticNodeStream() {
 }
 
 export function renderToReadableStream() {
-  return require('./src/server/ReactDOMFizzServerBrowser').renderToReadableStream.apply(
+  return require('./src/server/react-dom-server.browser').renderToReadableStream.apply(
+    this,
+    arguments,
+  );
+}
+
+export function resume() {
+  return require('./src/server/react-dom-server.browser').resume.apply(
     this,
     arguments,
   );
diff --git a/packages/react-dom/server.bun.js b/packages/react-dom/server.bun.js
index 0ac32351ec..0776c4a85b 100644
--- a/packages/react-dom/server.bun.js
+++ b/packages/react-dom/server.bun.js
@@ -12,21 +12,21 @@ import ReactVersion from 'shared/ReactVersion';
 export {ReactVersion as version};
 
 export function renderToReadableStream() {
-  return require('./src/server/ReactDOMFizzServerBun').renderToReadableStream.apply(
+  return require('./src/server/react-dom-server.bun').renderToReadableStream.apply(
     this,
     arguments,
   );
 }
 
 export function renderToNodeStream() {
-  return require('./src/server/ReactDOMFizzServerBun').renderToNodeStream.apply(
+  return require('./src/server/react-dom-server.bun').renderToNodeStream.apply(
     this,
     arguments,
   );
 }
 
 export function renderToStaticNodeStream() {
-  return require('./src/server/ReactDOMFizzServerBun').renderToStaticNodeStream.apply(
+  return require('./src/server/react-dom-server.bun').renderToStaticNodeStream.apply(
     this,
     arguments,
   );
@@ -45,3 +45,10 @@ export function renderToStaticMarkup() {
     arguments,
   );
 }
+
+export function resume() {
+  return require('./src/server/react-dom-server.bun').resume.apply(
+    this,
+    arguments,
+  );
+}
diff --git a/packages/react-dom/server.edge.js b/packages/react-dom/server.edge.js
index f45eae21e7..a48e6c7e0a 100644
--- a/packages/react-dom/server.edge.js
+++ b/packages/react-dom/server.edge.js
@@ -12,21 +12,21 @@ import ReactVersion from 'shared/ReactVersion';
 export {ReactVersion as version};
 
 export function renderToReadableStream() {
-  return require('./src/server/ReactDOMFizzServerEdge').renderToReadableStream.apply(
+  return require('./src/server/react-dom-server.edge').renderToReadableStream.apply(
     this,
     arguments,
   );
 }
 
 export function renderToNodeStream() {
-  return require('./src/server/ReactDOMFizzServerEdge').renderToNodeStream.apply(
+  return require('./src/server/react-dom-server.edge').renderToNodeStream.apply(
     this,
     arguments,
   );
 }
 
 export function renderToStaticNodeStream() {
-  return require('./src/server/ReactDOMFizzServerEdge').renderToStaticNodeStream.apply(
+  return require('./src/server/react-dom-server.edge').renderToStaticNodeStream.apply(
     this,
     arguments,
   );
@@ -45,3 +45,10 @@ export function renderToStaticMarkup() {
     arguments,
   );
 }
+
+export function resume() {
+  return require('./src/server/react-dom-server.edge').resume.apply(
+    this,
+    arguments,
+  );
+}
diff --git a/packages/react-dom/server.node.js b/packages/react-dom/server.node.js
index 3ef13b8540..713f6ea322 100644
--- a/packages/react-dom/server.node.js
+++ b/packages/react-dom/server.node.js
@@ -37,7 +37,14 @@ export function renderToStaticNodeStream() {
 }
 
 export function renderToPipeableStream() {
-  return require('./src/server/ReactDOMFizzServerNode').renderToPipeableStream.apply(
+  return require('./src/server/react-dom-server.node').renderToPipeableStream.apply(
+    this,
+    arguments,
+  );
+}
+
+export function resume() {
+  return require('./src/server/react-dom-server.node').resume.apply(
     this,
     arguments,
   );
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzStatic-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzStatic-test.js
index def4261dae..e6e3cb1471 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzStatic-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzStatic-test.js
@@ -218,12 +218,14 @@ describe('ReactDOMFizzStatic', () => {
       );
     }
 
-    const promise = ReactDOMFizzStatic.prerenderToNodeStreams(<App />);
+    const promise = ReactDOMFizzStatic.prerenderToNodeStream(<App />);
 
     resolveText('Hello');
 
     const result = await promise;
 
+    expect(result.postponed).toBe(null);
+
     await act(async () => {
       result.prelude.pipe(writable);
     });
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzStaticNode-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzStaticNode-test.js
index 96794a6d05..01f3bf66bb 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzStaticNode-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzStaticNode-test.js
@@ -47,8 +47,8 @@ describe('ReactDOMFizzStaticNode', () => {
   }
 
   // @gate experimental
-  it('should call prerenderToNodeStreams', async () => {
-    const result = await ReactDOMFizzStatic.prerenderToNodeStreams(
+  it('should call prerenderToNodeStream', async () => {
+    const result = await ReactDOMFizzStatic.prerenderToNodeStream(
       <div>hello world</div>,
     );
     const prelude = await readContent(result.prelude);
@@ -57,7 +57,7 @@ describe('ReactDOMFizzStaticNode', () => {
 
   // @gate experimental
   it('should emit DOCTYPE at the root of the document', async () => {
-    const result = await ReactDOMFizzStatic.prerenderToNodeStreams(
+    const result = await ReactDOMFizzStatic.prerenderToNodeStream(
       <html>
         <body>hello world</body>
       </html>,
@@ -76,7 +76,7 @@ describe('ReactDOMFizzStaticNode', () => {
 
   // @gate experimental
   it('should emit bootstrap script src at the end', async () => {
-    const result = await ReactDOMFizzStatic.prerenderToNodeStreams(
+    const result = await ReactDOMFizzStatic.prerenderToNodeStream(
       <div>hello world</div>,
       {
         bootstrapScriptContent: 'INIT();',
@@ -101,7 +101,7 @@ describe('ReactDOMFizzStaticNode', () => {
       }
       return 'Done';
     }
-    const resultPromise = ReactDOMFizzStatic.prerenderToNodeStreams(
+    const resultPromise = ReactDOMFizzStatic.prerenderToNodeStream(
       <div>
         <Suspense fallback="Loading">
           <Wait />
@@ -127,7 +127,7 @@ describe('ReactDOMFizzStaticNode', () => {
     const reportedErrors = [];
     let caughtError = null;
     try {
-      await ReactDOMFizzStatic.prerenderToNodeStreams(
+      await ReactDOMFizzStatic.prerenderToNodeStream(
         <div>
           <Throw />
         </div>,
@@ -149,7 +149,7 @@ describe('ReactDOMFizzStaticNode', () => {
     const reportedErrors = [];
     let caughtError = null;
     try {
-      await ReactDOMFizzStatic.prerenderToNodeStreams(
+      await ReactDOMFizzStatic.prerenderToNodeStream(
         <div>
           <Suspense fallback={<Throw />}>
             <InfiniteSuspend />
@@ -171,7 +171,7 @@ describe('ReactDOMFizzStaticNode', () => {
   // @gate experimental
   it('should not error the stream when an error is thrown inside suspense boundary', async () => {
     const reportedErrors = [];
-    const result = await ReactDOMFizzStatic.prerenderToNodeStreams(
+    const result = await ReactDOMFizzStatic.prerenderToNodeStream(
       <div>
         <Suspense fallback={<div>Loading</div>}>
           <Throw />
@@ -193,7 +193,7 @@ describe('ReactDOMFizzStaticNode', () => {
   it('should be able to complete by aborting even if the promise never resolves', async () => {
     const errors = [];
     const controller = new AbortController();
-    const resultPromise = ReactDOMFizzStatic.prerenderToNodeStreams(
+    const resultPromise = ReactDOMFizzStatic.prerenderToNodeStream(
       <div>
         <Suspense fallback={<div>Loading</div>}>
           <InfiniteSuspend />
@@ -223,7 +223,7 @@ describe('ReactDOMFizzStaticNode', () => {
   it('should reject if aborting before the shell is complete', async () => {
     const errors = [];
     const controller = new AbortController();
-    const promise = ReactDOMFizzStatic.prerenderToNodeStreams(
+    const promise = ReactDOMFizzStatic.prerenderToNodeStream(
       <div>
         <InfiniteSuspend />
       </div>,
@@ -262,7 +262,7 @@ describe('ReactDOMFizzStaticNode', () => {
         </Suspense>
       );
     }
-    const streamPromise = ReactDOMFizzStatic.prerenderToNodeStreams(
+    const streamPromise = ReactDOMFizzStatic.prerenderToNodeStream(
       <div>
         <App />
       </div>,
@@ -291,7 +291,7 @@ describe('ReactDOMFizzStaticNode', () => {
     const theReason = new Error('aborted for reasons');
     controller.abort(theReason);
 
-    const promise = ReactDOMFizzStatic.prerenderToNodeStreams(
+    const promise = ReactDOMFizzStatic.prerenderToNodeStream(
       <div>
         <Suspense fallback={<div>Loading</div>}>
           <InfiniteSuspend />
@@ -342,7 +342,7 @@ describe('ReactDOMFizzStaticNode', () => {
 
     const errors = [];
     const controller = new AbortController();
-    const resultPromise = ReactDOMFizzStatic.prerenderToNodeStreams(<App />, {
+    const resultPromise = ReactDOMFizzStatic.prerenderToNodeStream(<App />, {
       signal: controller.signal,
       onError(x) {
         errors.push(x);
@@ -384,7 +384,7 @@ describe('ReactDOMFizzStaticNode', () => {
 
     const errors = [];
     const controller = new AbortController();
-    const resultPromise = ReactDOMFizzStatic.prerenderToNodeStreams(<App />, {
+    const resultPromise = ReactDOMFizzStatic.prerenderToNodeStream(<App />, {
       signal: controller.signal,
       onError(x) {
         errors.push(x.message);
diff --git a/packages/react-dom/src/server/ReactDOMFizzServerBrowser.js b/packages/react-dom/src/server/ReactDOMFizzServerBrowser.js
index 97a1041d17..1ce1150423 100644
--- a/packages/react-dom/src/server/ReactDOMFizzServerBrowser.js
+++ b/packages/react-dom/src/server/ReactDOMFizzServerBrowser.js
@@ -7,6 +7,7 @@
  * @flow
  */
 
+import type {PostponedState} from 'react-server/src/ReactFizzServer';
 import type {ReactNodeList} from 'shared/ReactTypes';
 import type {BootstrapScriptDescriptor} from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
@@ -20,8 +21,8 @@ import {
 } from 'react-server/src/ReactFizzServer';
 
 import {
-  createResources,
-  createResponseState,
+  createResumableState,
+  createRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
@@ -39,6 +40,14 @@ type Options = {
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
 };
 
+type ResumeOptions = {
+  nonce?: string,
+  signal?: AbortSignal,
+  onError?: (error: mixed) => ?string,
+  onPostpone?: (reason: string) => void,
+  unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
+};
+
 // TODO: Move to sub-classing ReadableStream.
 type ReactDOMServerReadableStream = ReadableStream & {
   allReady: Promise<void>,
@@ -81,19 +90,18 @@ function renderToReadableStream(
       allReady.catch(() => {});
       reject(error);
     }
-    const resources = createResources();
+    const resumableState = createResumableState(
+      options ? options.identifierPrefix : undefined,
+      options ? options.nonce : undefined,
+      options ? options.bootstrapScriptContent : undefined,
+      options ? options.bootstrapScripts : undefined,
+      options ? options.bootstrapModules : undefined,
+      options ? options.unstable_externalRuntimeSrc : undefined,
+    );
     const request = createRequest(
       children,
-      resources,
-      createResponseState(
-        resources,
-        options ? options.identifierPrefix : undefined,
-        options ? options.nonce : undefined,
-        options ? options.bootstrapScriptContent : undefined,
-        options ? options.bootstrapScripts : undefined,
-        options ? options.bootstrapModules : undefined,
-        options ? options.unstable_externalRuntimeSrc : undefined,
-      ),
+      resumableState,
+      createRenderState(resumableState, options ? options.nonce : undefined),
       createRootFormatContext(options ? options.namespaceURI : undefined),
       options ? options.progressiveChunkSize : undefined,
       options ? options.onError : undefined,
@@ -119,4 +127,74 @@ function renderToReadableStream(
   });
 }
 
-export {renderToReadableStream, ReactVersion as version};
+function resume(
+  children: ReactNodeList,
+  postponedState: PostponedState,
+  options?: ResumeOptions,
+): Promise<ReactDOMServerReadableStream> {
+  return new Promise((resolve, reject) => {
+    let onFatalError;
+    let onAllReady;
+    const allReady = new Promise<void>((res, rej) => {
+      onAllReady = res;
+      onFatalError = rej;
+    });
+
+    function onShellReady() {
+      const stream: ReactDOMServerReadableStream = (new ReadableStream(
+        {
+          type: 'bytes',
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, controller);
+          },
+          cancel: (reason): ?Promise<void> => {
+            abort(request);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      ): any);
+      // TODO: Move to sub-classing ReadableStream.
+      stream.allReady = allReady;
+      resolve(stream);
+    }
+    function onShellError(error: mixed) {
+      // If the shell errors the caller of `renderToReadableStream` won't have access to `allReady`.
+      // However, `allReady` will be rejected by `onFatalError` as well.
+      // So we need to catch the duplicate, uncatchable fatal error in `allReady` to prevent a `UnhandledPromiseRejection`.
+      allReady.catch(() => {});
+      reject(error);
+    }
+    const request = createRequest(
+      children,
+      postponedState.resumableState,
+      createRenderState(
+        postponedState.resumableState,
+        options ? options.nonce : undefined,
+      ),
+      postponedState.rootFormatContext,
+      postponedState.progressiveChunkSize,
+      options ? options.onError : undefined,
+      onAllReady,
+      onShellReady,
+      onShellError,
+      onFatalError,
+      options ? options.onPostpone : undefined,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort(request, (signal: any).reason);
+      } else {
+        const listener = () => {
+          abort(request, (signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+export {renderToReadableStream, resume, ReactVersion as version};
diff --git a/packages/react-dom/src/server/ReactDOMFizzServerBun.js b/packages/react-dom/src/server/ReactDOMFizzServerBun.js
index a43451eab2..e3800b7deb 100644
--- a/packages/react-dom/src/server/ReactDOMFizzServerBun.js
+++ b/packages/react-dom/src/server/ReactDOMFizzServerBun.js
@@ -20,8 +20,8 @@ import {
 } from 'react-server/src/ReactFizzServer';
 
 import {
-  createResources,
-  createResponseState,
+  createResumableState,
+  createRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
@@ -82,19 +82,18 @@ function renderToReadableStream(
       allReady.catch(() => {});
       reject(error);
     }
-    const resources = createResources();
+    const resumableState = createResumableState(
+      options ? options.identifierPrefix : undefined,
+      options ? options.nonce : undefined,
+      options ? options.bootstrapScriptContent : undefined,
+      options ? options.bootstrapScripts : undefined,
+      options ? options.bootstrapModules : undefined,
+      options ? options.unstable_externalRuntimeSrc : undefined,
+    );
     const request = createRequest(
       children,
-      resources,
-      createResponseState(
-        resources,
-        options ? options.identifierPrefix : undefined,
-        options ? options.nonce : undefined,
-        options ? options.bootstrapScriptContent : undefined,
-        options ? options.bootstrapScripts : undefined,
-        options ? options.bootstrapModules : undefined,
-        options ? options.unstable_externalRuntimeSrc : undefined,
-      ),
+      resumableState,
+      createRenderState(resumableState, options ? options.nonce : undefined),
       createRootFormatContext(options ? options.namespaceURI : undefined),
       options ? options.progressiveChunkSize : undefined,
       options ? options.onError : undefined,
diff --git a/packages/react-dom/src/server/ReactDOMFizzServerEdge.js b/packages/react-dom/src/server/ReactDOMFizzServerEdge.js
index 97a1041d17..1ce1150423 100644
--- a/packages/react-dom/src/server/ReactDOMFizzServerEdge.js
+++ b/packages/react-dom/src/server/ReactDOMFizzServerEdge.js
@@ -7,6 +7,7 @@
  * @flow
  */
 
+import type {PostponedState} from 'react-server/src/ReactFizzServer';
 import type {ReactNodeList} from 'shared/ReactTypes';
 import type {BootstrapScriptDescriptor} from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
@@ -20,8 +21,8 @@ import {
 } from 'react-server/src/ReactFizzServer';
 
 import {
-  createResources,
-  createResponseState,
+  createResumableState,
+  createRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
@@ -39,6 +40,14 @@ type Options = {
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
 };
 
+type ResumeOptions = {
+  nonce?: string,
+  signal?: AbortSignal,
+  onError?: (error: mixed) => ?string,
+  onPostpone?: (reason: string) => void,
+  unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
+};
+
 // TODO: Move to sub-classing ReadableStream.
 type ReactDOMServerReadableStream = ReadableStream & {
   allReady: Promise<void>,
@@ -81,19 +90,18 @@ function renderToReadableStream(
       allReady.catch(() => {});
       reject(error);
     }
-    const resources = createResources();
+    const resumableState = createResumableState(
+      options ? options.identifierPrefix : undefined,
+      options ? options.nonce : undefined,
+      options ? options.bootstrapScriptContent : undefined,
+      options ? options.bootstrapScripts : undefined,
+      options ? options.bootstrapModules : undefined,
+      options ? options.unstable_externalRuntimeSrc : undefined,
+    );
     const request = createRequest(
       children,
-      resources,
-      createResponseState(
-        resources,
-        options ? options.identifierPrefix : undefined,
-        options ? options.nonce : undefined,
-        options ? options.bootstrapScriptContent : undefined,
-        options ? options.bootstrapScripts : undefined,
-        options ? options.bootstrapModules : undefined,
-        options ? options.unstable_externalRuntimeSrc : undefined,
-      ),
+      resumableState,
+      createRenderState(resumableState, options ? options.nonce : undefined),
       createRootFormatContext(options ? options.namespaceURI : undefined),
       options ? options.progressiveChunkSize : undefined,
       options ? options.onError : undefined,
@@ -119,4 +127,74 @@ function renderToReadableStream(
   });
 }
 
-export {renderToReadableStream, ReactVersion as version};
+function resume(
+  children: ReactNodeList,
+  postponedState: PostponedState,
+  options?: ResumeOptions,
+): Promise<ReactDOMServerReadableStream> {
+  return new Promise((resolve, reject) => {
+    let onFatalError;
+    let onAllReady;
+    const allReady = new Promise<void>((res, rej) => {
+      onAllReady = res;
+      onFatalError = rej;
+    });
+
+    function onShellReady() {
+      const stream: ReactDOMServerReadableStream = (new ReadableStream(
+        {
+          type: 'bytes',
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, controller);
+          },
+          cancel: (reason): ?Promise<void> => {
+            abort(request);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      ): any);
+      // TODO: Move to sub-classing ReadableStream.
+      stream.allReady = allReady;
+      resolve(stream);
+    }
+    function onShellError(error: mixed) {
+      // If the shell errors the caller of `renderToReadableStream` won't have access to `allReady`.
+      // However, `allReady` will be rejected by `onFatalError` as well.
+      // So we need to catch the duplicate, uncatchable fatal error in `allReady` to prevent a `UnhandledPromiseRejection`.
+      allReady.catch(() => {});
+      reject(error);
+    }
+    const request = createRequest(
+      children,
+      postponedState.resumableState,
+      createRenderState(
+        postponedState.resumableState,
+        options ? options.nonce : undefined,
+      ),
+      postponedState.rootFormatContext,
+      postponedState.progressiveChunkSize,
+      options ? options.onError : undefined,
+      onAllReady,
+      onShellReady,
+      onShellError,
+      onFatalError,
+      options ? options.onPostpone : undefined,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort(request, (signal: any).reason);
+      } else {
+        const listener = () => {
+          abort(request, (signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+export {renderToReadableStream, resume, ReactVersion as version};
diff --git a/packages/react-dom/src/server/ReactDOMFizzServerNode.js b/packages/react-dom/src/server/ReactDOMFizzServerNode.js
index ecd4ca7f6f..ca4853a153 100644
--- a/packages/react-dom/src/server/ReactDOMFizzServerNode.js
+++ b/packages/react-dom/src/server/ReactDOMFizzServerNode.js
@@ -7,7 +7,7 @@
  * @flow
  */
 
-import type {Request} from 'react-server/src/ReactFizzServer';
+import type {Request, PostponedState} from 'react-server/src/ReactFizzServer';
 import type {ReactNodeList} from 'shared/ReactTypes';
 import type {Writable} from 'stream';
 import type {BootstrapScriptDescriptor} from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
@@ -23,8 +23,8 @@ import {
 } from 'react-server/src/ReactFizzServer';
 
 import {
-  createResources,
-  createResponseState,
+  createResumableState,
+  createRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
@@ -53,6 +53,15 @@ type Options = {
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
 };
 
+type ResumeOptions = {
+  nonce?: string,
+  onShellReady?: () => void,
+  onShellError?: (error: mixed) => void,
+  onAllReady?: () => void,
+  onError?: (error: mixed) => ?string,
+  onPostpone?: (reason: string) => void,
+};
+
 type PipeableStream = {
   // Cancel any pending I/O and put anything remaining into
   // client rendered mode.
@@ -61,19 +70,18 @@ type PipeableStream = {
 };
 
 function createRequestImpl(children: ReactNodeList, options: void | Options) {
-  const resources = createResources();
+  const resumableState = createResumableState(
+    options ? options.identifierPrefix : undefined,
+    options ? options.nonce : undefined,
+    options ? options.bootstrapScriptContent : undefined,
+    options ? options.bootstrapScripts : undefined,
+    options ? options.bootstrapModules : undefined,
+    options ? options.unstable_externalRuntimeSrc : undefined,
+  );
   return createRequest(
     children,
-    resources,
-    createResponseState(
-      resources,
-      options ? options.identifierPrefix : undefined,
-      options ? options.nonce : undefined,
-      options ? options.bootstrapScriptContent : undefined,
-      options ? options.bootstrapScripts : undefined,
-      options ? options.bootstrapModules : undefined,
-      options ? options.unstable_externalRuntimeSrc : undefined,
-    ),
+    resumableState,
+    createRenderState(resumableState, options ? options.nonce : undefined),
     createRootFormatContext(options ? options.namespaceURI : undefined),
     options ? options.progressiveChunkSize : undefined,
     options ? options.onError : undefined,
@@ -121,4 +129,68 @@ function renderToPipeableStream(
   };
 }
 
-export {renderToPipeableStream, ReactVersion as version};
+function resumeRequestImpl(
+  children: ReactNodeList,
+  postponedState: PostponedState,
+  options: void | ResumeOptions,
+) {
+  return createRequest(
+    children,
+    postponedState.resumableState,
+    createRenderState(
+      postponedState.resumableState,
+      options ? options.nonce : undefined,
+    ),
+    postponedState.rootFormatContext,
+    postponedState.progressiveChunkSize,
+    options ? options.onError : undefined,
+    options ? options.onAllReady : undefined,
+    options ? options.onShellReady : undefined,
+    options ? options.onShellError : undefined,
+    undefined,
+    options ? options.onPostpone : undefined,
+  );
+}
+
+function resumeToPipeableStream(
+  children: ReactNodeList,
+  postponedState: PostponedState,
+  options?: ResumeOptions,
+): PipeableStream {
+  const request = resumeRequestImpl(children, postponedState, options);
+  let hasStartedFlowing = false;
+  startWork(request);
+  return {
+    pipe<T: Writable>(destination: T): T {
+      if (hasStartedFlowing) {
+        throw new Error(
+          'React currently only supports piping to one writable stream.',
+        );
+      }
+      hasStartedFlowing = true;
+      startFlowing(request, destination);
+      destination.on('drain', createDrainHandler(destination, request));
+      destination.on(
+        'error',
+        createAbortHandler(
+          request,
+          'The destination stream errored while writing data.',
+        ),
+      );
+      destination.on(
+        'close',
+        createAbortHandler(request, 'The destination stream closed early.'),
+      );
+      return destination;
+    },
+    abort(reason: mixed) {
+      abort(request, reason);
+    },
+  };
+}
+
+export {
+  renderToPipeableStream,
+  resumeToPipeableStream,
+  ReactVersion as version,
+};
diff --git a/packages/react-dom/src/server/ReactDOMFizzStaticBrowser.js b/packages/react-dom/src/server/ReactDOMFizzStaticBrowser.js
index f3990d2a6b..de603b20ac 100644
--- a/packages/react-dom/src/server/ReactDOMFizzStaticBrowser.js
+++ b/packages/react-dom/src/server/ReactDOMFizzStaticBrowser.js
@@ -9,6 +9,7 @@
 
 import type {ReactNodeList} from 'shared/ReactTypes';
 import type {BootstrapScriptDescriptor} from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
+import type {PostponedState} from 'react-server/src/ReactFizzServer';
 
 import ReactVersion from 'shared/ReactVersion';
 
@@ -17,11 +18,12 @@ import {
   startWork,
   startFlowing,
   abort,
+  getPostponedState,
 } from 'react-server/src/ReactFizzServer';
 
 import {
-  createResources,
-  createResponseState,
+  createResumableState,
+  createRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
@@ -39,6 +41,7 @@ type Options = {
 };
 
 type StaticResult = {
+  postponed: null | PostponedState,
   prelude: ReadableStream,
 };
 
@@ -62,23 +65,23 @@ function prerender(
       );
 
       const result = {
+        postponed: getPostponedState(request),
         prelude: stream,
       };
       resolve(result);
     }
-    const resources = createResources();
+    const resources = createResumableState(
+      options ? options.identifierPrefix : undefined,
+      undefined, // nonce is not compatible with prerendered bootstrap scripts
+      options ? options.bootstrapScriptContent : undefined,
+      options ? options.bootstrapScripts : undefined,
+      options ? options.bootstrapModules : undefined,
+      options ? options.unstable_externalRuntimeSrc : undefined,
+    );
     const request = createRequest(
       children,
       resources,
-      createResponseState(
-        resources,
-        options ? options.identifierPrefix : undefined,
-        undefined,
-        options ? options.bootstrapScriptContent : undefined,
-        options ? options.bootstrapScripts : undefined,
-        options ? options.bootstrapModules : undefined,
-        options ? options.unstable_externalRuntimeSrc : undefined,
-      ),
+      createRenderState(resources, undefined),
       createRootFormatContext(options ? options.namespaceURI : undefined),
       options ? options.progressiveChunkSize : undefined,
       options ? options.onError : undefined,
diff --git a/packages/react-dom/src/server/ReactDOMFizzStaticEdge.js b/packages/react-dom/src/server/ReactDOMFizzStaticEdge.js
index f3990d2a6b..de603b20ac 100644
--- a/packages/react-dom/src/server/ReactDOMFizzStaticEdge.js
+++ b/packages/react-dom/src/server/ReactDOMFizzStaticEdge.js
@@ -9,6 +9,7 @@
 
 import type {ReactNodeList} from 'shared/ReactTypes';
 import type {BootstrapScriptDescriptor} from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
+import type {PostponedState} from 'react-server/src/ReactFizzServer';
 
 import ReactVersion from 'shared/ReactVersion';
 
@@ -17,11 +18,12 @@ import {
   startWork,
   startFlowing,
   abort,
+  getPostponedState,
 } from 'react-server/src/ReactFizzServer';
 
 import {
-  createResources,
-  createResponseState,
+  createResumableState,
+  createRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
@@ -39,6 +41,7 @@ type Options = {
 };
 
 type StaticResult = {
+  postponed: null | PostponedState,
   prelude: ReadableStream,
 };
 
@@ -62,23 +65,23 @@ function prerender(
       );
 
       const result = {
+        postponed: getPostponedState(request),
         prelude: stream,
       };
       resolve(result);
     }
-    const resources = createResources();
+    const resources = createResumableState(
+      options ? options.identifierPrefix : undefined,
+      undefined, // nonce is not compatible with prerendered bootstrap scripts
+      options ? options.bootstrapScriptContent : undefined,
+      options ? options.bootstrapScripts : undefined,
+      options ? options.bootstrapModules : undefined,
+      options ? options.unstable_externalRuntimeSrc : undefined,
+    );
     const request = createRequest(
       children,
       resources,
-      createResponseState(
-        resources,
-        options ? options.identifierPrefix : undefined,
-        undefined,
-        options ? options.bootstrapScriptContent : undefined,
-        options ? options.bootstrapScripts : undefined,
-        options ? options.bootstrapModules : undefined,
-        options ? options.unstable_externalRuntimeSrc : undefined,
-      ),
+      createRenderState(resources, undefined),
       createRootFormatContext(options ? options.namespaceURI : undefined),
       options ? options.progressiveChunkSize : undefined,
       options ? options.onError : undefined,
diff --git a/packages/react-dom/src/server/ReactDOMFizzStaticNode.js b/packages/react-dom/src/server/ReactDOMFizzStaticNode.js
index 9ea4e2bd7d..d22e1ea2d0 100644
--- a/packages/react-dom/src/server/ReactDOMFizzStaticNode.js
+++ b/packages/react-dom/src/server/ReactDOMFizzStaticNode.js
@@ -9,6 +9,7 @@
 
 import type {ReactNodeList} from 'shared/ReactTypes';
 import type {BootstrapScriptDescriptor} from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
+import type {PostponedState} from 'react-server/src/ReactFizzServer';
 
 import {Writable, Readable} from 'stream';
 
@@ -19,11 +20,12 @@ import {
   startWork,
   startFlowing,
   abort,
+  getPostponedState,
 } from 'react-server/src/ReactFizzServer';
 
 import {
-  createResources,
-  createResponseState,
+  createResumableState,
+  createRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
@@ -41,6 +43,7 @@ type Options = {
 };
 
 type StaticResult = {
+  postponed: null | PostponedState,
   prelude: Readable,
 };
 
@@ -60,7 +63,7 @@ function createFakeWritable(readable: any): Writable {
   }: any);
 }
 
-function prerenderToNodeStreams(
+function prerenderToNodeStream(
   children: ReactNodeList,
   options?: Options,
 ): Promise<StaticResult> {
@@ -76,23 +79,23 @@ function prerenderToNodeStreams(
       const writable = createFakeWritable(readable);
 
       const result = {
+        postponed: getPostponedState(request),
         prelude: readable,
       };
       resolve(result);
     }
-    const resources = createResources();
+    const resumableState = createResumableState(
+      options ? options.identifierPrefix : undefined,
+      undefined, // nonce is not compatible with prerendered bootstrap scripts
+      options ? options.bootstrapScriptContent : undefined,
+      options ? options.bootstrapScripts : undefined,
+      options ? options.bootstrapModules : undefined,
+      options ? options.unstable_externalRuntimeSrc : undefined,
+    );
     const request = createRequest(
       children,
-      resources,
-      createResponseState(
-        resources,
-        options ? options.identifierPrefix : undefined,
-        undefined,
-        options ? options.bootstrapScriptContent : undefined,
-        options ? options.bootstrapScripts : undefined,
-        options ? options.bootstrapModules : undefined,
-        options ? options.unstable_externalRuntimeSrc : undefined,
-      ),
+      resumableState,
+      createRenderState(resumableState, undefined),
       createRootFormatContext(options ? options.namespaceURI : undefined),
       options ? options.progressiveChunkSize : undefined,
       options ? options.onError : undefined,
@@ -118,4 +121,4 @@ function prerenderToNodeStreams(
   });
 }
 
-export {prerenderToNodeStreams, ReactVersion as version};
+export {prerenderToNodeStream, ReactVersion as version};
diff --git a/packages/react-dom/src/server/ReactDOMLegacyServerImpl.js b/packages/react-dom/src/server/ReactDOMLegacyServerImpl.js
index 0485f88db2..b08b51de19 100644
--- a/packages/react-dom/src/server/ReactDOMLegacyServerImpl.js
+++ b/packages/react-dom/src/server/ReactDOMLegacyServerImpl.js
@@ -10,7 +10,6 @@
 import ReactVersion from 'shared/ReactVersion';
 
 import type {ReactNodeList} from 'shared/ReactTypes';
-import type {BootstrapScriptDescriptor} from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
 import {
   createRequest,
@@ -20,8 +19,8 @@ import {
 } from 'react-server/src/ReactFizzServer';
 
 import {
-  createResources,
-  createResponseState,
+  createResumableState,
+  createRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOMLegacy';
 
@@ -38,7 +37,6 @@ function renderToStringImpl(
   options: void | ServerOptions,
   generateStaticMarkup: boolean,
   abortReason: string,
-  unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
 ): string {
   let didFatal = false;
   let fatalError = null;
@@ -62,16 +60,18 @@ function renderToStringImpl(
   function onShellReady() {
     readyToStream = true;
   }
-  const resources = createResources();
+  const resumableState = createResumableState(
+    options ? options.identifierPrefix : undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined,
+  );
   const request = createRequest(
     children,
-    resources,
-    createResponseState(
-      resources,
-      generateStaticMarkup,
-      options ? options.identifierPrefix : undefined,
-      unstable_externalRuntimeSrc,
-    ),
+    resumableState,
+    createRenderState(resumableState, undefined, generateStaticMarkup),
     createRootFormatContext(),
     Infinity,
     onError,
diff --git a/packages/react-dom/src/server/ReactDOMLegacyServerNodeStream.js b/packages/react-dom/src/server/ReactDOMLegacyServerNodeStream.js
index bf608d4202..a3e39def4e 100644
--- a/packages/react-dom/src/server/ReactDOMLegacyServerNodeStream.js
+++ b/packages/react-dom/src/server/ReactDOMLegacyServerNodeStream.js
@@ -19,8 +19,8 @@ import {
 } from 'react-server/src/ReactFizzServer';
 
 import {
-  createResources,
-  createResponseState,
+  createResumableState,
+  createRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOMLegacy';
 
@@ -71,15 +71,18 @@ function renderToNodeStreamImpl(
     startFlowing(request, destination);
   }
   const destination = new ReactMarkupReadableStream();
-  const resources = createResources();
+  const resumableState = createResumableState(
+    options ? options.identifierPrefix : undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined,
+    undefined,
+  );
   const request = createRequest(
     children,
-    resources,
-    createResponseState(
-      resources,
-      false,
-      options ? options.identifierPrefix : undefined,
-    ),
+    resumableState,
+    createRenderState(resumableState, undefined, false),
     createRootFormatContext(),
     Infinity,
     onError,
diff --git a/packages/react-dom/src/server/react-dom-server.browser.js b/packages/react-dom/src/server/react-dom-server.browser.js
new file mode 100644
index 0000000000..c26a0e9690
--- /dev/null
+++ b/packages/react-dom/src/server/react-dom-server.browser.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactDOMFizzServerBrowser.js';
diff --git a/packages/react-dom/src/server/react-dom-server.browser.stable.js b/packages/react-dom/src/server/react-dom-server.browser.stable.js
new file mode 100644
index 0000000000..3471bba15a
--- /dev/null
+++ b/packages/react-dom/src/server/react-dom-server.browser.stable.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {renderToReadableStream, version} from './ReactDOMFizzServerBrowser.js';
diff --git a/packages/react-dom/src/server/react-dom-server.bun.js b/packages/react-dom/src/server/react-dom-server.bun.js
new file mode 100644
index 0000000000..5ca420c230
--- /dev/null
+++ b/packages/react-dom/src/server/react-dom-server.bun.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactDOMFizzServerBun.js';
diff --git a/packages/react-dom/src/server/react-dom-server.bun.stable.js b/packages/react-dom/src/server/react-dom-server.bun.stable.js
new file mode 100644
index 0000000000..b5c1fd02d3
--- /dev/null
+++ b/packages/react-dom/src/server/react-dom-server.bun.stable.js
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  renderToNodeStream,
+  renderToStaticNodeStream,
+  version,
+} from './ReactDOMFizzServerBun.js';
diff --git a/packages/react-dom/src/server/react-dom-server.edge.js b/packages/react-dom/src/server/react-dom-server.edge.js
new file mode 100644
index 0000000000..515bb10b17
--- /dev/null
+++ b/packages/react-dom/src/server/react-dom-server.edge.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactDOMFizzServerEdge.js';
diff --git a/packages/react-dom/src/server/react-dom-server.edge.stable.js b/packages/react-dom/src/server/react-dom-server.edge.stable.js
new file mode 100644
index 0000000000..b2f0278099
--- /dev/null
+++ b/packages/react-dom/src/server/react-dom-server.edge.stable.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {renderToReadableStream, version} from './ReactDOMFizzServerEdge.js';
diff --git a/packages/react-dom/src/server/react-dom-server.node.js b/packages/react-dom/src/server/react-dom-server.node.js
new file mode 100644
index 0000000000..6959b7e3f9
--- /dev/null
+++ b/packages/react-dom/src/server/react-dom-server.node.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactDOMFizzServerNode.js';
diff --git a/packages/react-dom/src/server/react-dom-server.node.stable.js b/packages/react-dom/src/server/react-dom-server.node.stable.js
new file mode 100644
index 0000000000..bd17b91a96
--- /dev/null
+++ b/packages/react-dom/src/server/react-dom-server.node.stable.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {renderToPipeableStream, version} from './ReactDOMFizzServerNode.js';
diff --git a/packages/react-dom/static.node.js b/packages/react-dom/static.node.js
index d23ba6d362..732f33f5cf 100644
--- a/packages/react-dom/static.node.js
+++ b/packages/react-dom/static.node.js
@@ -8,6 +8,6 @@
  */
 
 export {
-  prerenderToNodeStreams,
+  prerenderToNodeStream,
   version,
 } from './src/server/ReactDOMFizzStaticNode';
diff --git a/packages/react-noop-renderer/src/ReactNoopServer.js b/packages/react-noop-renderer/src/ReactNoopServer.js
index c8f4fcd2ca..34a2dac559 100644
--- a/packages/react-noop-renderer/src/ReactNoopServer.js
+++ b/packages/react-noop-renderer/src/ReactNoopServer.js
@@ -51,7 +51,7 @@ type Destination = {
   stack: Array<Segment | Instance | SuspenseInstance>,
 };
 
-type Resources = null;
+type RenderState = null;
 type BoundaryResources = null;
 
 const POP = Buffer.from('/', 'utf8');
@@ -104,7 +104,7 @@ const ReactNoopServer = ReactFizzServer({
   pushTextInstance(
     target: Array<Uint8Array>,
     text: string,
-    responseState: ResponseState,
+    renderState: RenderState,
     textEmbedded: boolean,
   ): boolean {
     const textInstance: TextInstance = {
@@ -140,21 +140,21 @@ const ReactNoopServer = ReactFizzServer({
   // This is a noop in ReactNoop
   pushSegmentFinale(
     target: Array<Uint8Array>,
-    responseState: ResponseState,
+    renderState: RenderState,
     lastPushedText: boolean,
     textEmbedded: boolean,
   ): void {},
 
   writeCompletedRoot(
     destination: Destination,
-    responseState: ResponseState,
+    renderState: RenderState,
   ): boolean {
     return true;
   },
 
   writePlaceholder(
     destination: Destination,
-    responseState: ResponseState,
+    renderState: RenderState,
     id: number,
   ): boolean {
     const parent = destination.stack[destination.stack.length - 1];
@@ -166,7 +166,7 @@ const ReactNoopServer = ReactFizzServer({
 
   writeStartCompletedSuspenseBoundary(
     destination: Destination,
-    responseState: ResponseState,
+    renderState: RenderState,
     suspenseInstance: SuspenseInstance,
   ): boolean {
     suspenseInstance.state = 'complete';
@@ -176,7 +176,7 @@ const ReactNoopServer = ReactFizzServer({
   },
   writeStartPendingSuspenseBoundary(
     destination: Destination,
-    responseState: ResponseState,
+    renderState: RenderState,
     suspenseInstance: SuspenseInstance,
   ): boolean {
     suspenseInstance.state = 'pending';
@@ -186,7 +186,7 @@ const ReactNoopServer = ReactFizzServer({
   },
   writeStartClientRenderedSuspenseBoundary(
     destination: Destination,
-    responseState: ResponseState,
+    renderState: RenderState,
     suspenseInstance: SuspenseInstance,
   ): boolean {
     suspenseInstance.state = 'client-render';
@@ -206,7 +206,7 @@ const ReactNoopServer = ReactFizzServer({
 
   writeStartSegment(
     destination: Destination,
-    responseState: ResponseState,
+    renderState: RenderState,
     formatContext: null,
     id: number,
   ): boolean {
@@ -225,7 +225,7 @@ const ReactNoopServer = ReactFizzServer({
 
   writeCompletedSegmentInstruction(
     destination: Destination,
-    responseState: ResponseState,
+    renderState: RenderState,
     contentSegmentID: number,
   ): boolean {
     const segment = destination.segments.get(contentSegmentID);
@@ -245,7 +245,7 @@ const ReactNoopServer = ReactFizzServer({
 
   writeCompletedBoundaryInstruction(
     destination: Destination,
-    responseState: ResponseState,
+    renderState: RenderState,
     boundary: SuspenseInstance,
     contentSegmentID: number,
   ): boolean {
@@ -259,7 +259,7 @@ const ReactNoopServer = ReactFizzServer({
 
   writeClientRenderBoundaryInstruction(
     destination: Destination,
-    responseState: ResponseState,
+    renderState: RenderState,
     boundary: SuspenseInstance,
   ): boolean {
     boundary.status = 'client-render';
@@ -269,10 +269,6 @@ const ReactNoopServer = ReactFizzServer({
   writeHoistables() {},
   writePostamble() {},
 
-  createResources(): Resources {
-    return null;
-  },
-
   createBoundaryResources(): BoundaryResources {
     return null;
   },
diff --git a/packages/react-server-dom-fb/src/ReactDOMServerFB.js b/packages/react-server-dom-fb/src/ReactDOMServerFB.js
index bdf4dcedae..eec7404055 100644
--- a/packages/react-server-dom-fb/src/ReactDOMServerFB.js
+++ b/packages/react-server-dom-fb/src/ReactDOMServerFB.js
@@ -23,8 +23,8 @@ import {
 } from 'react-server/src/ReactFizzServer';
 
 import {
-  createResources,
-  createResponseState,
+  createResumableState,
+  createRenderState,
   createRootFormatContext,
 } from 'react-server/src/ReactFizzConfig';
 
@@ -50,19 +50,18 @@ function renderToStream(children: ReactNodeList, options: Options): Stream {
     fatal: false,
     error: null,
   };
-  const resources = createResources();
+  const resumableState = createResumableState(
+    options ? options.identifierPrefix : undefined,
+    undefined,
+    options ? options.bootstrapScriptContent : undefined,
+    options ? options.bootstrapScripts : undefined,
+    options ? options.bootstrapModules : undefined,
+    options ? options.unstable_externalRuntimeSrc : undefined,
+  );
   const request = createRequest(
     children,
-    resources,
-    createResponseState(
-      resources,
-      options ? options.identifierPrefix : undefined,
-      undefined,
-      options ? options.bootstrapScriptContent : undefined,
-      options ? options.bootstrapScripts : undefined,
-      options ? options.bootstrapModules : undefined,
-      options ? options.unstable_externalRuntimeSrc : undefined,
-    ),
+    resumableState,
+    createRenderState(resumableState, undefined),
     createRootFormatContext(undefined),
     options ? options.progressiveChunkSize : undefined,
     options.onError,
diff --git a/packages/react-server/src/ReactFizzHooks.js b/packages/react-server/src/ReactFizzHooks.js
index f832aeb578..db32d407b2 100644
--- a/packages/react-server/src/ReactFizzHooks.js
+++ b/packages/react-server/src/ReactFizzHooks.js
@@ -16,7 +16,7 @@ import type {
   Usable,
 } from 'shared/ReactTypes';
 
-import type {ResponseState} from './ReactFizzConfig';
+import type {ResumableState} from './ReactFizzConfig';
 import type {Task} from './ReactFizzServer';
 import type {ThenableState} from './ReactFizzThenable';
 import type {TransitionStatus} from './ReactFizzConfig';
@@ -554,15 +554,15 @@ function useId(): string {
   const task: Task = (currentlyRenderingTask: any);
   const treeId = getTreeId(task.treeContext);
 
-  const responseState = currentResponseState;
-  if (responseState === null) {
+  const resumableState = currentResumableState;
+  if (resumableState === null) {
     throw new Error(
       'Invalid hook call. Hooks can only be called inside of the body of a function component.',
     );
   }
 
   const localId = localIdCounter++;
-  return makeId(responseState, treeId, localId);
+  return makeId(resumableState, treeId, localId);
 }
 
 function use<T>(usable: Usable<T>): T {
@@ -652,9 +652,9 @@ if (enableAsyncActions) {
   HooksDispatcher.useOptimistic = useOptimistic;
 }
 
-export let currentResponseState: null | ResponseState = (null: any);
-export function setCurrentResponseState(
-  responseState: null | ResponseState,
+export let currentResumableState: null | ResumableState = (null: any);
+export function setCurrentResumableState(
+  resumableState: null | ResumableState,
 ): void {
-  currentResponseState = responseState;
+  currentResumableState = resumableState;
 }
diff --git a/packages/react-server/src/ReactFizzServer.js b/packages/react-server/src/ReactFizzServer.js
index f34c6888da..12901e29a4 100644
--- a/packages/react-server/src/ReactFizzServer.js
+++ b/packages/react-server/src/ReactFizzServer.js
@@ -23,9 +23,9 @@ import type {
 import type {LazyComponent as LazyComponentType} from 'react/src/ReactLazy';
 import type {
   SuspenseBoundaryID,
-  ResponseState,
+  RenderState,
+  ResumableState,
   FormatContext,
-  Resources,
   BoundaryResources,
 } from './ReactFizzConfig';
 import type {ContextSnapshot} from './ReactFizzNewContext';
@@ -100,8 +100,8 @@ import {
   checkDidRenderIdHook,
   resetHooksState,
   HooksDispatcher,
-  currentResponseState,
-  setCurrentResponseState,
+  currentResumableState,
+  setCurrentResumableState,
   getThenableStateAfterSuspending,
   unwrapThenable,
 } from './ReactFizzHooks';
@@ -222,14 +222,14 @@ const CLOSED = 2;
 export opaque type Request = {
   destination: null | Destination,
   flushScheduled: boolean,
-  +responseState: ResponseState,
+  +resumableState: ResumableState,
+  +renderState: RenderState,
   +progressiveChunkSize: number,
   status: 0 | 1 | 2,
   fatalError: mixed,
   nextSegmentId: number,
   allPendingTasks: number, // when it reaches zero, we can close the connection.
   pendingRootTasks: number, // when this reaches zero, we've finished at least the root boundary.
-  resources: Resources,
   completedRootSegment: null | Segment, // Completed but not yet flushed root segments.
   abortableTasks: Set<Task>,
   pingedTasks: Array<Task>, // High priority tasks that should be worked on first.
@@ -283,8 +283,8 @@ function noop(): void {}
 
 export function createRequest(
   children: ReactNodeList,
-  resources: Resources,
-  responseState: ResponseState,
+  resumableState: ResumableState,
+  renderState: RenderState,
   rootFormatContext: FormatContext,
   progressiveChunkSize: void | number,
   onError: void | ((error: mixed) => ?string),
@@ -300,7 +300,8 @@ export function createRequest(
   const request: Request = {
     destination: null,
     flushScheduled: false,
-    responseState,
+    resumableState,
+    renderState,
     progressiveChunkSize:
       progressiveChunkSize === undefined
         ? DEFAULT_PROGRESSIVE_CHUNK_SIZE
@@ -310,7 +311,6 @@ export function createRequest(
     nextSegmentId: 0,
     allPendingTasks: 0,
     pendingRootTasks: 0,
-    resources,
     completedRootSegment: null,
     abortableTasks: abortSet,
     pingedTasks: pingedTasks,
@@ -622,7 +622,7 @@ function renderSuspenseBoundary(
   task.blockedSegment = contentRootSegment;
   if (enableFloat) {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       newBoundary.resources,
     );
   }
@@ -631,7 +631,7 @@ function renderSuspenseBoundary(
     renderNode(request, task, content, 0);
     pushSegmentFinale(
       contentRootSegment.chunks,
-      request.responseState,
+      request.renderState,
       contentRootSegment.lastPushedText,
       contentRootSegment.textEmbedded,
     );
@@ -672,7 +672,7 @@ function renderSuspenseBoundary(
   } finally {
     if (enableFloat) {
       setCurrentlyRenderingBoundaryResourcesTarget(
-        request.resources,
+        request.renderState,
         parentBoundary ? parentBoundary.resources : null,
       );
     }
@@ -734,8 +734,8 @@ function renderHostElement(
     segment.chunks,
     type,
     props,
-    request.resources,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     segment.formatContext,
     segment.lastPushedText,
   );
@@ -754,7 +754,7 @@ function renderHostElement(
     segment.chunks,
     type,
     props,
-    request.responseState,
+    request.resumableState,
     prevContext,
   );
   segment.lastPushedText = false;
@@ -1568,7 +1568,7 @@ function renderNodeDestructiveImpl(
     segment.lastPushedText = pushTextInstance(
       task.blockedSegment.chunks,
       node,
-      request.responseState,
+      request.renderState,
       segment.lastPushedText,
     );
     return;
@@ -1579,7 +1579,7 @@ function renderNodeDestructiveImpl(
     segment.lastPushedText = pushTextInstance(
       task.blockedSegment.chunks,
       '' + node,
-      request.responseState,
+      request.renderState,
       segment.lastPushedText,
     );
     return;
@@ -1975,7 +1975,7 @@ function retryTask(request: Request, task: Task): void {
   if (enableFloat) {
     const blockedBoundary = task.blockedBoundary;
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       blockedBoundary ? blockedBoundary.resources : null,
     );
   }
@@ -2009,7 +2009,7 @@ function retryTask(request: Request, task: Task): void {
     renderNodeDestructive(request, task, prevThenableState, task.node, 0);
     pushSegmentFinale(
       segment.chunks,
-      request.responseState,
+      request.renderState,
       segment.lastPushedText,
       segment.textEmbedded,
     );
@@ -2047,7 +2047,7 @@ function retryTask(request: Request, task: Task): void {
     }
   } finally {
     if (enableFloat) {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.resources, null);
+      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
     }
     if (__DEV__) {
       currentTaskInDEV = prevTaskInDEV;
@@ -2076,8 +2076,8 @@ export function performWork(request: Request): void {
     prevGetCurrentStackImpl = ReactDebugCurrentFrame.getCurrentStack;
     ReactDebugCurrentFrame.getCurrentStack = getCurrentStackInDEV;
   }
-  const prevResponseState = currentResponseState;
-  setCurrentResponseState(request.responseState);
+  const prevResumableState = currentResumableState;
+  setCurrentResumableState(request.resumableState);
   try {
     const pingedTasks = request.pingedTasks;
     let i;
@@ -2093,7 +2093,7 @@ export function performWork(request: Request): void {
     logRecoverableError(request, error);
     fatalError(request, error);
   } finally {
-    setCurrentResponseState(prevResponseState);
+    setCurrentResumableState(prevResumableState);
     ReactCurrentDispatcher.current = prevDispatcher;
     if (enableCache) {
       ReactCurrentCache.current = prevCacheDispatcher;
@@ -2130,7 +2130,7 @@ function flushSubtree(
       // When this segment finally completes it won't be embedded in text since it will flush separately
       segment.lastPushedText = false;
       segment.textEmbedded = false;
-      return writePlaceholder(destination, request.responseState, segmentID);
+      return writePlaceholder(destination, request.renderState, segmentID);
     }
     case COMPLETED: {
       segment.status = FLUSHED;
@@ -2183,7 +2183,7 @@ function flushSegment(
 
     writeStartClientRenderedSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
       boundary.errorDigest,
       boundary.errorMessage,
       boundary.errorComponentStack,
@@ -2193,7 +2193,7 @@ function flushSegment(
 
     return writeEndClientRenderedSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
     );
   } else if (boundary.pendingTasks > 0) {
     // This boundary is still loading. Emit a pending suspense boundary wrapper.
@@ -2206,14 +2206,17 @@ function flushSegment(
     }
 
     /// This is the first time we should have referenced this ID.
-    const id = (boundary.id = assignSuspenseBoundaryID(request.responseState));
+    const id = (boundary.id = assignSuspenseBoundaryID(
+      request.renderState,
+      request.resumableState,
+    ));
 
-    writeStartPendingSuspenseBoundary(destination, request.responseState, id);
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id);
 
     // Flush the fallback.
     flushSubtree(request, destination, segment);
 
-    return writeEndPendingSuspenseBoundary(destination, request.responseState);
+    return writeEndPendingSuspenseBoundary(destination, request.renderState);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
     // other content. We add it to the queue during the flush because we have to ensure that
@@ -2228,20 +2231,20 @@ function flushSegment(
     // Emit a pending rendered suspense boundary wrapper.
     writeStartPendingSuspenseBoundary(
       destination,
-      request.responseState,
+      request.renderState,
       boundary.id,
     );
 
     // Flush the fallback.
     flushSubtree(request, destination, segment);
 
-    return writeEndPendingSuspenseBoundary(destination, request.responseState);
+    return writeEndPendingSuspenseBoundary(destination, request.renderState);
   } else {
     if (enableFloat) {
-      hoistResources(request.resources, boundary.resources);
+      hoistResources(request.renderState, boundary.resources);
     }
     // We can inline this boundary's content as a complete boundary.
-    writeStartCompletedSuspenseBoundary(destination, request.responseState);
+    writeStartCompletedSuspenseBoundary(destination, request.renderState);
 
     const completedSegments = boundary.completedSegments;
 
@@ -2254,10 +2257,7 @@ function flushSegment(
     const contentSegment = completedSegments[0];
     flushSegment(request, destination, contentSegment);
 
-    return writeEndCompletedSuspenseBoundary(
-      destination,
-      request.responseState,
-    );
+    return writeEndCompletedSuspenseBoundary(destination, request.renderState);
   }
 }
 
@@ -2268,7 +2268,8 @@ function flushClientRenderedBoundary(
 ): boolean {
   return writeClientRenderBoundaryInstruction(
     destination,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     boundary.id,
     boundary.errorDigest,
     boundary.errorMessage,
@@ -2283,7 +2284,7 @@ function flushSegmentContainer(
 ): boolean {
   writeStartSegment(
     destination,
-    request.responseState,
+    request.renderState,
     segment.formatContext,
     segment.id,
   );
@@ -2298,7 +2299,7 @@ function flushCompletedBoundary(
 ): boolean {
   if (enableFloat) {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       boundary.resources,
     );
   }
@@ -2314,13 +2315,14 @@ function flushCompletedBoundary(
     writeResourcesForBoundary(
       destination,
       boundary.resources,
-      request.responseState,
+      request.renderState,
     );
   }
 
   return writeCompletedBoundaryInstruction(
     destination,
-    request.responseState,
+    request.resumableState,
+    request.renderState,
     boundary.id,
     boundary.rootSegmentID,
     boundary.resources,
@@ -2334,7 +2336,7 @@ function flushPartialBoundary(
 ): boolean {
   if (enableFloat) {
     setCurrentlyRenderingBoundaryResourcesTarget(
-      request.resources,
+      request.renderState,
       boundary.resources,
     );
   }
@@ -2362,7 +2364,7 @@ function flushPartialBoundary(
     return writeResourcesForBoundary(
       destination,
       boundary.resources,
-      request.responseState,
+      request.renderState,
     );
   } else {
     return true;
@@ -2397,7 +2399,8 @@ function flushPartiallyCompletedSegment(
     flushSegmentContainer(request, destination, segment);
     return writeCompletedSegmentInstruction(
       destination,
-      request.responseState,
+      request.resumableState,
+      request.renderState,
       segmentID,
     );
   }
@@ -2421,15 +2424,15 @@ function flushCompletedQueues(
         if (enableFloat) {
           writePreamble(
             destination,
-            request.resources,
-            request.responseState,
+            request.resumableState,
+            request.renderState,
             request.allPendingTasks === 0,
           );
         }
 
         flushSegment(request, destination, completedRootSegment);
         request.completedRootSegment = null;
-        writeCompletedRoot(destination, request.responseState);
+        writeCompletedRoot(destination, request.resumableState);
       } else {
         // We haven't flushed the root yet so we don't need to check any other branches further down
         return;
@@ -2440,7 +2443,7 @@ function flushCompletedQueues(
     }
 
     if (enableFloat) {
-      writeHoistables(destination, request.resources, request.responseState);
+      writeHoistables(destination, request.resumableState, request.renderState);
     }
 
     // We emit client rendering instructions for already emitted boundaries first.
@@ -2519,7 +2522,7 @@ function flushCompletedQueues(
     ) {
       request.flushScheduled = false;
       if (enableFloat) {
-        writePostamble(destination, request.responseState);
+        writePostamble(destination, request.resumableState);
       }
       completeWriting(destination);
       flushBuffered(destination);
@@ -2610,6 +2613,18 @@ export function flushResources(request: Request): void {
   enqueueFlush(request);
 }
 
-export function getResources(request: Request): Resources {
-  return request.resources;
+export function getResumableState(request: Request): ResumableState {
+  return request.resumableState;
+}
+
+export type PostponedState = {
+  nextSegmentId: number,
+  rootFormatContext: FormatContext,
+  progressiveChunkSize: number,
+  resumableState: ResumableState,
+};
+
+// Returns the state of a postponed request or null if nothing was postponed.
+export function getPostponedState(request: Request): null | PostponedState {
+  return null;
 }
diff --git a/packages/react-server/src/forks/ReactFizzConfig.custom.js b/packages/react-server/src/forks/ReactFizzConfig.custom.js
index f94b1eebc1..73af2ba7cb 100644
--- a/packages/react-server/src/forks/ReactFizzConfig.custom.js
+++ b/packages/react-server/src/forks/ReactFizzConfig.custom.js
@@ -28,8 +28,8 @@ import type {TransitionStatus} from 'react-reconciler/src/ReactFiberConfig';
 
 declare var $$$config: any;
 export opaque type Destination = mixed; // eslint-disable-line no-undef
-export opaque type ResponseState = mixed;
-export opaque type Resources = mixed;
+export opaque type RenderState = mixed;
+export opaque type ResumableState = mixed;
 export opaque type BoundaryResources = mixed;
 export opaque type FormatContext = mixed;
 export opaque type SuspenseBoundaryID = mixed;
diff --git a/scripts/rollup/bundles.js b/scripts/rollup/bundles.js
index b3c5484c28..8959113665 100644
--- a/scripts/rollup/bundles.js
+++ b/scripts/rollup/bundles.js
@@ -233,7 +233,7 @@ const bundles = [
   {
     bundleTypes: [NODE_DEV, NODE_PROD, UMD_DEV, UMD_PROD],
     moduleType: RENDERER,
-    entry: 'react-dom/src/server/ReactDOMFizzServerBrowser.js',
+    entry: 'react-dom/src/server/react-dom-server.browser.js',
     name: 'react-dom-server.browser',
     global: 'ReactDOMServer',
     minifyWithProdErrorCodes: true,
@@ -243,7 +243,7 @@ const bundles = [
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-dom/src/server/ReactDOMFizzServerNode.js',
+    entry: 'react-dom/src/server/react-dom-server.node.js',
     name: 'react-dom-server.node',
     global: 'ReactDOMServer',
     minifyWithProdErrorCodes: false,
@@ -264,7 +264,7 @@ const bundles = [
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-dom/src/server/ReactDOMFizzServerEdge.js',
+    entry: 'react-dom/src/server/react-dom-server.edge.js',
     name: 'react-dom-server.edge', // 'node_modules/react/*.js',
 
     global: 'ReactDOMServer',
@@ -277,7 +277,7 @@ const bundles = [
   {
     bundleTypes: [BUN_DEV, BUN_PROD],
     moduleType: RENDERER,
-    entry: 'react-dom/src/server/ReactDOMFizzServerBun.js',
+    entry: 'react-dom/src/server/react-dom-server.bun.js',
     name: 'react-dom-server.bun', // 'node_modules/react/*.js',
 
     global: 'ReactDOMServer',
diff --git a/scripts/shared/inlinedHostConfigs.js b/scripts/shared/inlinedHostConfigs.js
index a6c1772f11..14c219ee7a 100644
--- a/scripts/shared/inlinedHostConfigs.js
+++ b/scripts/shared/inlinedHostConfigs.js
@@ -12,7 +12,7 @@ module.exports = [
     entryPoints: [
       'react-dom',
       'react-dom/unstable_testing',
-      'react-dom/src/server/ReactDOMFizzServerNode.js',
+      'react-dom/src/server/react-dom-server.node.js',
       'react-dom/static.node',
       'react-dom/server-rendering-stub',
       'react-dom/unstable_server-external-runtime',
@@ -27,6 +27,7 @@ module.exports = [
       'react-dom/server.node',
       'react-dom/static',
       'react-dom/static.node',
+      'react-dom/src/server/react-dom-server.node',
       'react-dom/src/server/ReactDOMFizzServerNode.js', // react-dom/server.node
       'react-dom/src/server/ReactDOMFizzStaticNode.js',
       'react-server-dom-webpack',
@@ -46,10 +47,11 @@ module.exports = [
   },
   {
     shortName: 'dom-bun',
-    entryPoints: ['react-dom', 'react-dom/src/server/ReactDOMFizzServerBun.js'],
+    entryPoints: ['react-dom', 'react-dom/src/server/react-dom-server.bun.js'],
     paths: [
       'react-dom',
       'react-dom/server.bun',
+      'react-dom/src/server/react-dom-server.bun',
       'react-dom/src/server/ReactDOMFizzServerBun.js',
       'react-dom-bindings',
       'shared/ReactDOMSharedInternals',
@@ -62,7 +64,7 @@ module.exports = [
     entryPoints: [
       'react-dom',
       'react-dom/unstable_testing',
-      'react-dom/src/server/ReactDOMFizzServerBrowser.js',
+      'react-dom/src/server/react-dom-server.browser.js',
       'react-dom/static.browser',
       'react-dom/server-rendering-stub',
       'react-dom/unstable_server-external-runtime',
@@ -76,6 +78,7 @@ module.exports = [
       'react-dom/server.browser',
       'react-dom/static.browser',
       'react-dom/unstable_testing',
+      'react-dom/src/server/react-dom-server.browser',
       'react-dom/src/server/ReactDOMFizzServerBrowser.js', // react-dom/server.browser
       'react-dom/src/server/ReactDOMFizzStaticBrowser.js',
       'react-server-dom-webpack',
@@ -118,7 +121,7 @@ module.exports = [
   {
     shortName: 'dom-edge-webpack',
     entryPoints: [
-      'react-dom/src/server/ReactDOMFizzServerEdge.js',
+      'react-dom/src/server/react-dom-server.edge.js',
       'react-dom/static.edge',
       'react-server-dom-webpack/server.edge',
       'react-server-dom-webpack/client.edge',
@@ -130,6 +133,7 @@ module.exports = [
       'react-dom/server.edge',
       'react-dom/static.edge',
       'react-dom/unstable_testing',
+      'react-dom/src/server/react-dom-server.edge',
       'react-dom/src/server/ReactDOMFizzServerEdge.js', // react-dom/server.edge
       'react-dom/src/server/ReactDOMFizzStaticEdge.js',
       'react-server-dom-webpack',
@@ -160,6 +164,7 @@ module.exports = [
       'react-dom/server.node',
       'react-dom/static',
       'react-dom/static.node',
+      'react-dom/src/server/react-dom-server.node',
       'react-dom/src/server/ReactDOMFizzServerNode.js', // react-dom/server.node
       'react-dom/src/server/ReactDOMFizzStaticNode.js',
       'react-server-dom-webpack',
@@ -193,6 +198,7 @@ module.exports = [
       'react-dom/server.node',
       'react-dom/static',
       'react-dom/static.node',
+      'react-dom/src/server/react-dom-server.node',
       'react-dom/src/server/ReactDOMFizzServerNode.js', // react-dom/server.node
       'react-dom/src/server/ReactDOMFizzStaticNode.js',
       'react-server-dom-esm',