TopLevelWrapperForDevTools() — react Function Reference

Architecture documentation for the TopLevelWrapperForDevTools() function in shared.js from the react codebase.

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ TopLevelWrapperForDevTools() — react Function Reference

Dependency Diagram

graph TD
  e03fc480_78aa_40a7_ab5e_ebc53e85afda["TopLevelWrapperForDevTools()"]
  5307ca48_73ed_9094_d124_b0724b52c950["shared.js"]
  e03fc480_78aa_40a7_ab5e_ebc53e85afda -->|defined in| 5307ca48_73ed_9094_d124_b0724b52c950
  style e03fc480_78aa_40a7_ab5e_ebc53e85afda fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/devtools/regression/shared.js lines 300–322

function TopLevelWrapperForDevTools({version}) {
  let header = <h1>React {version}</h1>;
  if (version.includes('canary')) {
    const commitSha = version.match(/.+canary-(.+)/)[1];
    header = (
      <h1>
        React canary{' '}
        <a href={`https://github.com/facebook/react/commit/${commitSha}`}>
          {commitSha}
        </a>
      </h1>
    );
  } else if (version.includes('alpha')) {
    header = <h1>React next</h1>;
  }

  return (
    <div>
      {header}
      {apps}
    </div>
  );
}