react Architecture Docs
Home / File/ ReactDOMFizzInstructionSetExternalRuntime.js — react Source File

ReactDOMFizzInstructionSetExternalRuntime.js — react Source File

Architecture documentation for ReactDOMFizzInstructionSetExternalRuntime.js, a javascript file in the react codebase. 8 imports, 1 dependents.

File javascript BabelCompiler 8 imports 1 dependents

Entity Profile

Dependency Diagram

graph LR
  99926b08_d2fc_8b60_1b6a_df3cb95ba3d2["ReactDOMFizzInstructionSetExternalRuntime.js"]
  2a61726f_9a35_9713_662f_bfb1ef81f49f["ReactDOMFizzInstructionSetShared.js"]
  99926b08_d2fc_8b60_1b6a_df3cb95ba3d2 --> 2a61726f_9a35_9713_662f_bfb1ef81f49f
  7d1084e1_bc3c_a493_7b17_46d96c160ecc["clientRenderBoundary"]
  99926b08_d2fc_8b60_1b6a_df3cb95ba3d2 --> 7d1084e1_bc3c_a493_7b17_46d96c160ecc
  df3bbeff_f8f9_c416_59b7_c39c3f448011["completeBoundary"]
  99926b08_d2fc_8b60_1b6a_df3cb95ba3d2 --> df3bbeff_f8f9_c416_59b7_c39c3f448011
  a4221f59_4b92_1e94_1203_f419b409a9fb["completeBoundaryWithStyles"]
  99926b08_d2fc_8b60_1b6a_df3cb95ba3d2 --> a4221f59_4b92_1e94_1203_f419b409a9fb
  4f0c6fe5_b929_661f_c35a_46a3fb0c5425["completeSegment"]
  99926b08_d2fc_8b60_1b6a_df3cb95ba3d2 --> 4f0c6fe5_b929_661f_c35a_46a3fb0c5425
  1df64080_6b91_5ac1_a5a0_0d8b39393a95["listenToFormSubmissionsForReplaying"]
  99926b08_d2fc_8b60_1b6a_df3cb95ba3d2 --> 1df64080_6b91_5ac1_a5a0_0d8b39393a95
  b741609c_9dc1_d0f7_eaa0_5ef05c7380ad["revealCompletedBoundaries"]
  99926b08_d2fc_8b60_1b6a_df3cb95ba3d2 --> b741609c_9dc1_d0f7_eaa0_5ef05c7380ad
  a642e1ea_2043_92a7_3a9c_7cb96f871a6f["revealCompletedBoundariesWithViewTransitions"]
  99926b08_d2fc_8b60_1b6a_df3cb95ba3d2 --> a642e1ea_2043_92a7_3a9c_7cb96f871a6f
  5caacc91_f7c4_8c34_9a60_f5f33ec98620["ReactDOMServerExternalRuntime.js"]
  5caacc91_f7c4_8c34_9a60_f5f33ec98620 --> 99926b08_d2fc_8b60_1b6a_df3cb95ba3d2
  style 99926b08_d2fc_8b60_1b6a_df3cb95ba3d2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/* eslint-disable dot-notation */

// Instruction set for the Fizz external runtime

import {
  clientRenderBoundary,
  completeBoundary,
  completeBoundaryWithStyles,
  completeSegment,
  listenToFormSubmissionsForReplaying,
  revealCompletedBoundaries,
  revealCompletedBoundariesWithViewTransitions,
} from './ReactDOMFizzInstructionSetShared';

// This is a string so Closure's advanced compilation mode doesn't mangle it.
// These will be renamed to local references by the external-runtime-plugin.
window['$RM'] = new Map();
window['$RB'] = [];
window['$RX'] = clientRenderBoundary;
window['$RV'] = revealCompletedBoundariesWithViewTransitions.bind(
  null,
  revealCompletedBoundaries,
);
window['$RC'] = completeBoundary;
window['$RR'] = completeBoundaryWithStyles;
window['$RS'] = completeSegment;

listenToFormSubmissionsForReplaying();

// Track the paint time of the shell.
const entries = performance.getEntriesByType
  ? performance.getEntriesByType('paint')
  : [];
if (entries.length > 0) {
  // We might have already painted before this external runtime loaded. In that case we
  // try to get the first paint from the performance metrics to avoid delaying further
  // than necessary.
  window['$RT'] = entries[0].startTime;
} else {
  // Otherwise we wait for the next rAF for it.
  requestAnimationFrame(() => {
    window['$RT'] = performance.now();
  });
}

Domain

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactDOMFizzInstructionSetExternalRuntime.js do?
ReactDOMFizzInstructionSetExternalRuntime.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What does ReactDOMFizzInstructionSetExternalRuntime.js depend on?
ReactDOMFizzInstructionSetExternalRuntime.js imports 8 module(s): ReactDOMFizzInstructionSetShared.js, clientRenderBoundary, completeBoundary, completeBoundaryWithStyles, completeSegment, listenToFormSubmissionsForReplaying, revealCompletedBoundaries, revealCompletedBoundariesWithViewTransitions.
What files import ReactDOMFizzInstructionSetExternalRuntime.js?
ReactDOMFizzInstructionSetExternalRuntime.js is imported by 1 file(s): ReactDOMServerExternalRuntime.js.
Where is ReactDOMFizzInstructionSetExternalRuntime.js in the architecture?
ReactDOMFizzInstructionSetExternalRuntime.js is located at packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetExternalRuntime.js (domain: BabelCompiler, directory: packages/react-dom-bindings/src/server/fizz-instruction-set).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free