dillon1000/react
Commit
Browse files [ServerRenderer] Add option to send instructions as data attributes (#25437)
### Changes made: - Running with enableFizzExternalRuntime (feature flag) and unstable_externalRuntimeSrc (param) will generate html nodes with data attributes that encode Fizz instructions. ``` <div hidden data-rxi="" data-bid="param0" data-dgst="param1" ></div> ``` - Added an external runtime browser script `ReactDOMServerExternalRuntime`, which processes and removes these nodes - This runtime should be passed as to renderInto[...] via `unstable_externalRuntimeSrc` - Since this runtime is render blocking (for all streamed suspense boundaries and segments), we want this to reach the client as early as possible. By default, Fizz will send this script at the end of the shell when it detects dynamic content (e.g. suspenseful pending tasks), but it can be sent even earlier by calling `preinit(...)` inside a component. - The current implementation relies on Float to dedupe sending `unstable_externalRuntimeSrc`, so `enableFizzExternalRuntime` is only valid when `enableFloat` is also set.
Changed paths12 files
First-parent comparisonpackages/react-dom-bindings/src/server/ReactDOMFloatServer.js ModifiedM packages/react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js ModifiedM packages/react-dom-bindings/src/server/ReactDOMServerFormatConfig.js ModifiedM packages/react-dom-bindings/src/server/ReactDOMServerLegacyFormatConfig.js ModifiedM packages/react-dom/src/__tests__/ReactDOMFizzServer-test.js ModifiedM packages/react-dom/src/__tests__/ReactDOMFloat-test.js ModifiedM packages/react-dom/src/server/ReactDOMLegacyServerImpl.js ModifiedM packages/react-dom/src/test-utils/FizzTestUtils.js ModifiedM packages/react-native-renderer/src/server/ReactNativeServerFormatConfig.js ModifiedM packages/react-server-dom-relay/src/ReactDOMServerFB.js ModifiedM packages/react-server/src/ReactFizzServer.js ModifiedM scripts/error-codes/codes.json ModifiedPatch
Files changed
Rendering syntax-highlighted changes…