Home / Function/ domBodyObserver() — react Function Reference

domBodyObserver() — react Function Reference

Architecture documentation for the domBodyObserver() function in ReactDOMServerExternalRuntime.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  f1775454_756d_99db_f358_00d9b9cf99de["domBodyObserver()"]
  5caacc91_f7c4_8c34_9a60_f5f33ec98620["ReactDOMServerExternalRuntime.js"]
  f1775454_756d_99db_f358_00d9b9cf99de -->|defined in| 5caacc91_f7c4_8c34_9a60_f5f33ec98620
  31404a96_99a5_3787_f3b9_d88138c9160f["installFizzInstrObserver()"]
  f1775454_756d_99db_f358_00d9b9cf99de -->|calls| 31404a96_99a5_3787_f3b9_d88138c9160f
  5125638f_80b4_ac25_f058_83f0f0ed71ab["handleExistingNodes()"]
  f1775454_756d_99db_f358_00d9b9cf99de -->|calls| 5125638f_80b4_ac25_f058_83f0f0ed71ab
  style f1775454_756d_99db_f358_00d9b9cf99de fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js lines 22–35

  const domBodyObserver = new MutationObserver(() => {
    // We expect the body node to be stable once parsed / created
    if (document.body != null) {
      if (document.readyState === 'loading') {
        installFizzInstrObserver(document.body);
      }
      // $FlowFixMe[incompatible-cast]
      handleExistingNodes((document.body: HTMLElement));

      // We can call disconnect without takeRecord here,
      // since we only expect a single document.body
      domBodyObserver.disconnect();
    }
  });

Domain

Subdomains

Frequently Asked Questions

What does domBodyObserver() do?
domBodyObserver() is a function in the react codebase, defined in packages/react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js.
Where is domBodyObserver() defined?
domBodyObserver() is defined in packages/react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js at line 22.
What does domBodyObserver() call?
domBodyObserver() calls 2 function(s): handleExistingNodes, installFizzInstrObserver.

Analyze Your Own Codebase

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

Try Supermodel Free