loadReact() — react Function Reference

Architecture documentation for the loadReact() function in react-loader.js from the react codebase.

Function javascript BabelCompiler Validation calls 3

Entity Profile

BabelCompiler→ Validation→ loadReact() — react Function Reference

Dependency Diagram

graph TD
  83707f54_2192_80b8_bcfe_57a894138f14["loadReact()"]
  dd026ac1_6193_60a0_f5c1_cc7da4d3c4af["react-loader.js"]
  83707f54_2192_80b8_bcfe_57a894138f14 -->|defined in| dd026ac1_6193_60a0_f5c1_cc7da4d3c4af
  1e03480c_7f31_6e6a_5dc9_22841e2105d8["reactPaths()"]
  83707f54_2192_80b8_bcfe_57a894138f14 -->|calls| 1e03480c_7f31_6e6a_5dc9_22841e2105d8
  0928f4a9_e54f_8e33_8a41_892689b3b784["loadModules()"]
  83707f54_2192_80b8_bcfe_57a894138f14 -->|calls| 0928f4a9_e54f_8e33_8a41_892689b3b784
  b426c5d9_869c_4d5d_53a2_e7ee0f7724a7["loadScript()"]
  83707f54_2192_80b8_bcfe_57a894138f14 -->|calls| b426c5d9_869c_4d5d_53a2_e7ee0f7724a7
  style 83707f54_2192_80b8_bcfe_57a894138f14 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/react-loader.js lines 153–182

export default function loadReact() {
  console.log('reactPaths', reactPaths());
  const {
    reactPath,
    reactDOMPath,
    reactDOMClientPath,
    needsReactDOM,
    usingModules,
  } = reactPaths();

  if (usingModules) {
    return loadModules([
      ['React', reactPath],
      ['ReactDOM', reactDOMPath],
      ['ReactDOMClient', reactDOMClientPath],
    ]);
  } else {
    let request = loadScript(reactPath, usingModules);

    if (needsReactDOM) {
      request = request.then(() => loadScript(reactDOMPath, usingModules));
    } else {
      // Aliasing React to ReactDOM for compatibility.
      request = request.then(() => {
        window.ReactDOM = window.React;
      });
    }
    return request;
  }
}