Page2.js — react Source File

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

File javascript BabelCompiler Optimization 5 imports 1 dependents 1 functions

Entity Profile

BabelCompiler→ Optimization→ Page2.js — react Source File

Dependency Diagram

graph LR
  13f7bfc1_77c5_77e8_b0d9_3713c3a81c00["Page2.js"]
  c549fdb2_d55e_4878_6475_8654256c52bf["Theme.js"]
  13f7bfc1_77c5_77e8_b0d9_3713c3a81c00 --> c549fdb2_d55e_4878_6475_8654256c52bf
  2006907a_93ec_a00c_a175_687728579478["Suspend.js"]
  13f7bfc1_77c5_77e8_b0d9_3713c3a81c00 --> 2006907a_93ec_a00c_a175_687728579478
  e2fb6076_98e4_d34f_8973_c74a044bd6e6["Suspend"]
  13f7bfc1_77c5_77e8_b0d9_3713c3a81c00 --> e2fb6076_98e4_d34f_8973_c74a044bd6e6
  68ded4a8_e6f1_b5a1_68c7_627caf75f208["Page.css"]
  13f7bfc1_77c5_77e8_b0d9_3713c3a81c00 --> 68ded4a8_e6f1_b5a1_68c7_627caf75f208
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  13f7bfc1_77c5_77e8_b0d9_3713c3a81c00 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  0728161c_056a_6e89_5b38_6275d0ed4d04["App.js"]
  0728161c_056a_6e89_5b38_6275d0ed4d04 --> 13f7bfc1_77c5_77e8_b0d9_3713c3a81c00
  style 13f7bfc1_77c5_77e8_b0d9_3713c3a81c00 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import React, {useContext} from 'react';

import Theme from './Theme';
import Suspend from './Suspend';

import './Page.css';

export default function Page2() {
  let theme = useContext(Theme);
  return (
    <div className={theme + '-box'}>
      <Suspend>Content of a different page</Suspend>
    </div>
  );
}