init() — react Function Reference

Architecture documentation for the init() function in devtools.js from the react codebase.

Function javascript BabelCompiler Validation calls 1

Entity Profile

BabelCompiler→ Validation→ init() — react Function Reference

Dependency Diagram

graph TD
  41513bd8_5858_eab1_3c7e_6309bbbfce09["init()"]
  8e1a3906_f1ab_7481_0743_a3aac6c9a119["devtools.js"]
  41513bd8_5858_eab1_3c7e_6309bbbfce09 -->|defined in| 8e1a3906_f1ab_7481_0743_a3aac6c9a119
  89cb75ee_2614_e9c0_40c3_92dae0d0e7fd["inject()"]
  41513bd8_5858_eab1_3c7e_6309bbbfce09 -->|calls| 89cb75ee_2614_e9c0_40c3_92dae0d0e7fd
  style 41513bd8_5858_eab1_3c7e_6309bbbfce09 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shell/src/e2e-regression/devtools.js lines 27–44

function init(appIframe, devtoolsContainer, appSource) {
  const {contentDocument, contentWindow} = appIframe;

  initializeBackend(contentWindow);

  const DevTools = createDevTools(contentWindow);

  inject(contentDocument, appSource, () => {
    ReactDOMClient.createRoot(devtoolsContainer).render(
      <DevTools
        hookNamesModuleLoaderFunction={hookNamesModuleLoaderFunction}
        showTabBar={true}
      />,
    );
  });

  activateBackend(contentWindow);
}