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. 5 imports, 1 dependents.

File javascript BabelCompiler Optimization 5 imports 1 dependents 1 classes

Entity Profile

Dependency Diagram

graph LR
  5c8ed2a6_fcb7_5258_d158_8bd841e362ae["Chrome.js"]
  c549fdb2_d55e_4878_6475_8654256c52bf["Theme.js"]
  5c8ed2a6_fcb7_5258_d158_8bd841e362ae --> c549fdb2_d55e_4878_6475_8654256c52bf
  417b1857_02bc_8ce0_8efa_fcff0f85d792["Chrome.css"]
  5c8ed2a6_fcb7_5258_d158_8bd841e362ae --> 417b1857_02bc_8ce0_8efa_fcff0f85d792
  af65a082_5452_df0d_2622_cf2472a2bd62["LargeContent.js"]
  5c8ed2a6_fcb7_5258_d158_8bd841e362ae --> af65a082_5452_df0d_2622_cf2472a2bd62
  708b2e31_5f65_9cae_9f03_86757bdfe23d["LargeContent"]
  5c8ed2a6_fcb7_5258_d158_8bd841e362ae --> 708b2e31_5f65_9cae_9f03_86757bdfe23d
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  5c8ed2a6_fcb7_5258_d158_8bd841e362ae --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  0728161c_056a_6e89_5b38_6275d0ed4d04["App.js"]
  0728161c_056a_6e89_5b38_6275d0ed4d04 --> 5c8ed2a6_fcb7_5258_d158_8bd841e362ae
  style 5c8ed2a6_fcb7_5258_d158_8bd841e362ae fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import React, {Component, Suspense, startTransition} from 'react';

import Theme, {ThemeToggleButton} from './Theme';

import './Chrome.css';

import LargeContent from './LargeContent';

export default class Chrome extends Component {
  state = {theme: 'light'};
  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']} />
          <title>{this.props.title}</title>
        </head>
        <body className={this.state.theme}>
          <noscript
            dangerouslySetInnerHTML={{
              __html: `<b>Enable JavaScript to run this app.</b>`,
            }}
          />
          <Suspense fallback="Loading...">
            <Theme.Provider value={this.state.theme}>
              <div>
                <ThemeToggleButton
                  onChange={theme => {
                    startTransition(() => {
                      this.setState({theme});
                    });
                  }}
                />
              </div>
              {this.props.children}
            </Theme.Provider>
          </Suspense>
          <LargeContent />
          <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, Optimization subdomain.
What does Chrome.js depend on?
Chrome.js imports 5 module(s): Chrome.css, LargeContent, LargeContent.js, Theme.js, 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/ssr/src/components/Chrome.js (domain: BabelCompiler, subdomain: Optimization, directory: fixtures/ssr/src/components).

Analyze Your Own Codebase

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

Try Supermodel Free