react Architecture Docs
Home / File/ Chrome.js — react Source File

Chrome.js — react Source File

Architecture documentation for Chrome.js, a javascript file in the react codebase. 2 imports, 1 dependents.

File javascript BabelCompiler Entrypoint 2 imports 1 dependents 1 classes

Entity Profile

Dependency Diagram

graph LR
  5c033b86_56f7_5f1d_a1e8_ad727f4aca7d["Chrome.js"]
  7ab68c11_92b1_cefa_cb74_6fae479e3023["Chrome.css"]
  5c033b86_56f7_5f1d_a1e8_ad727f4aca7d --> 7ab68c11_92b1_cefa_cb74_6fae479e3023
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  5c033b86_56f7_5f1d_a1e8_ad727f4aca7d --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  d17ad6e6_5117_524c_98d3_e7c0244faa6b["App.js"]
  d17ad6e6_5117_524c_98d3_e7c0244faa6b --> 5c033b86_56f7_5f1d_a1e8_ad727f4aca7d
  style 5c033b86_56f7_5f1d_a1e8_ad727f4aca7d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import React, {Component} from 'react';

import './Chrome.css';

export default class Chrome extends Component {
  render() {
    const assets = this.props.assets;
    return (
      <html lang="en">
        <head>
          <meta charSet="utf-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1" />
          <link rel="shortcut icon" href="favicon.ico" />
          <link rel="stylesheet" href={assets['main.css']} />
          <link rel="preconnect" href="https://fonts.googleapis.com" />
          <link
            rel="preconnect"
            href="https://fonts.gstatic.com"
            crossOrigin=""
          />
          <link
            href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap"
            rel="stylesheet"
          />
          <title>{this.props.title}</title>
        </head>
        <body>
          <noscript
            dangerouslySetInnerHTML={{
              __html: `<b>Enable JavaScript to run this app.</b>`,
            }}
          />
          {this.props.children}
          <script
            dangerouslySetInnerHTML={{
              __html: `assetManifest = ${JSON.stringify(assets)};`,
            }}
          />
        </body>
      </html>
    );
  }
}

Domain

Subdomains

Classes

Dependencies

Imported By

Source

Frequently Asked Questions

What does Chrome.js do?
Chrome.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Entrypoint subdomain.
What does Chrome.js depend on?
Chrome.js imports 2 module(s): Chrome.css, react.
What files import Chrome.js?
Chrome.js is imported by 1 file(s): App.js.
Where is Chrome.js in the architecture?
Chrome.js is located at fixtures/view-transition/src/components/Chrome.js (domain: BabelCompiler, subdomain: Entrypoint, directory: fixtures/view-transition/src/components).

Analyze Your Own Codebase

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

Try Supermodel Free