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

AboutPage.js — react Source File

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

File javascript BabelCompiler Entrypoint 5 imports 1 dependents 3 functions

Entity Profile

Dependency Diagram

graph LR
  367386fb_0810_3989_407d_4f7672d39325["AboutPage.js"]
  361ac9eb_af59_6b57_df64_dc69bf6f3c07["./shared/ThemeContext"]
  367386fb_0810_3989_407d_4f7672d39325 --> 361ac9eb_af59_6b57_df64_dc69bf6f3c07
  d273e762_42b4_589e_195c_7779bffc0b74["lazyLegacyRoot.js"]
  367386fb_0810_3989_407d_4f7672d39325 --> d273e762_42b4_589e_195c_7779bffc0b74
  c644c37d_b668_0a66_bdb8_24c9de5df7ea["lazyLegacyRoot"]
  367386fb_0810_3989_407d_4f7672d39325 --> c644c37d_b668_0a66_bdb8_24c9de5df7ea
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  367386fb_0810_3989_407d_4f7672d39325 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  56a19847_52ab_03d1_31e4_30711218e0ad["react-redux"]
  367386fb_0810_3989_407d_4f7672d39325 --> 56a19847_52ab_03d1_31e4_30711218e0ad
  2ac07f38_7629_1826_9c17_b19c4725106e["App.js"]
  2ac07f38_7629_1826_9c17_b19c4725106e --> 367386fb_0810_3989_407d_4f7672d39325
  style 367386fb_0810_3989_407d_4f7672d39325 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import React from 'react';
import {useContext} from 'react';
import {connect} from 'react-redux';

import ThemeContext from './shared/ThemeContext';
import lazyLegacyRoot from './lazyLegacyRoot';

// Lazy-load a component from the bundle using legacy React.
const Greeting = lazyLegacyRoot(() => import('../legacy/Greeting'));

function AboutPage({counter, dispatch}) {
  const theme = useContext(ThemeContext);
  return (
    <>
      <h2>src/modern/AboutPage.js</h2>
      <h3 style={{color: theme}}>
        This component is rendered by the outer React ({React.version}).
      </h3>
      <Greeting />
      <br />
      <p>
        Counter: {counter}{' '}
        <button onClick={() => dispatch({type: 'increment'})}>+</button>
      </p>
    </>
  );
}

function mapStateToProps(state) {
  return {counter: state};
}

export default connect(mapStateToProps)(AboutPage);

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does AboutPage.js do?
AboutPage.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Entrypoint subdomain.
What functions are defined in AboutPage.js?
AboutPage.js defines 3 function(s): AboutPage, Greeting, mapStateToProps.
What does AboutPage.js depend on?
AboutPage.js imports 5 module(s): ./shared/ThemeContext, lazyLegacyRoot, lazyLegacyRoot.js, react, react-redux.
What files import AboutPage.js?
AboutPage.js is imported by 1 file(s): App.js.
Where is AboutPage.js in the architecture?
AboutPage.js is located at fixtures/nesting/src/modern/AboutPage.js (domain: BabelCompiler, subdomain: Entrypoint, directory: fixtures/nesting/src/modern).

Analyze Your Own Codebase

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

Try Supermodel Free