mountLegacyApp() — react Function Reference

Architecture documentation for the mountLegacyApp() function in index.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ mountLegacyApp() — react Function Reference

Dependency Diagram

graph TD
  e993e997_5801_e54a_d88e_21a303cd6c47["mountLegacyApp()"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c["index.js"]
  e993e997_5801_e54a_d88e_21a303cd6c47 -->|defined in| 30d76895_4832_9ca3_9e81_e0cdf028c09c
  395115b2_cacf_4dcb_eb4f_9f7045fc5898["mountTestApp()"]
  395115b2_cacf_4dcb_eb4f_9f7045fc5898 -->|calls| e993e997_5801_e54a_d88e_21a303cd6c47
  444f3d11_5167_f186_88b4_454c168bf6f9["createContainer()"]
  e993e997_5801_e54a_d88e_21a303cd6c47 -->|calls| 444f3d11_5167_f186_88b4_454c168bf6f9
  style e993e997_5801_e54a_d88e_21a303cd6c47 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shell/src/app/index.js lines 84–99

function mountLegacyApp(App: () => React$Node) {
  // $FlowFixMe[prop-missing]: These are removed in 19.
  const {render, unmountComponentAtNode} = require('react-dom');

  function LegacyRender() {
    return createElement(App);
  }

  const container = createContainer();

  // $FlowFixMe[not-a-function]: These are removed in 19.
  render(createElement(LegacyRender), container);

  // $FlowFixMe: These are removed in 19.
  unmountFunctions.push(() => unmountComponentAtNode(container));
}