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

HomePage.js — react Source File

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

File javascript BabelCompiler Entrypoint 4 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  3b405302_4c58_97ae_9637_2c6ba3e025c2["HomePage.js"]
  361ac9eb_af59_6b57_df64_dc69bf6f3c07["./shared/ThemeContext"]
  3b405302_4c58_97ae_9637_2c6ba3e025c2 --> 361ac9eb_af59_6b57_df64_dc69bf6f3c07
  4a77ffaf_970c_dc86_20d7_8b4d353c9154["./shared/Clock"]
  3b405302_4c58_97ae_9637_2c6ba3e025c2 --> 4a77ffaf_970c_dc86_20d7_8b4d353c9154
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  3b405302_4c58_97ae_9637_2c6ba3e025c2 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  8cf8b705_304d_a1e9_84ae_9f2ae5e546b6["react-router-dom"]
  3b405302_4c58_97ae_9637_2c6ba3e025c2 --> 8cf8b705_304d_a1e9_84ae_9f2ae5e546b6
  2ac07f38_7629_1826_9c17_b19c4725106e["App.js"]
  2ac07f38_7629_1826_9c17_b19c4725106e --> 3b405302_4c58_97ae_9637_2c6ba3e025c2
  style 3b405302_4c58_97ae_9637_2c6ba3e025c2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import React from 'react';
import {useContext} from 'react';
import {Link} from 'react-router-dom';

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

export default function HomePage({counter, dispatch}) {
  const theme = useContext(ThemeContext);
  return (
    <>
      <h2>src/modern/HomePage.js</h2>
      <h3 style={{color: theme}}>
        This component is rendered by the outer React ({React.version}).
      </h3>
      <Clock />
      <b>
        <Link to="/about">Go to About</Link>
      </b>
    </>
  );
}

Domain

Subdomains

Functions

Dependencies

  • ./shared/Clock
  • ./shared/ThemeContext
  • react
  • react-router-dom

Imported By

Source

Frequently Asked Questions

What does HomePage.js do?
HomePage.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 HomePage.js?
HomePage.js defines 1 function(s): HomePage.
What does HomePage.js depend on?
HomePage.js imports 4 module(s): ./shared/Clock, ./shared/ThemeContext, react, react-router-dom.
What files import HomePage.js?
HomePage.js is imported by 1 file(s): App.js.
Where is HomePage.js in the architecture?
HomePage.js is located at fixtures/nesting/src/modern/HomePage.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