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

App.js — react Source File

Architecture documentation for App.js, a javascript file in the react codebase. 38 imports, 0 dependents.

File javascript BabelCompiler Optimization 38 imports 12 functions

Entity Profile

Dependency Diagram

graph LR
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6["App.js"]
  e9dc74d2_f7a6_16bd_76c0_b7e3b8fa0665["ClientContext.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> e9dc74d2_f7a6_16bd_76c0_b7e3b8fa0665
  48c59642_253b_d504_5b08_264f45d98bf3["ClientReadContext"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 48c59642_253b_d504_5b08_264f45d98bf3
  52925e32_8d14_817a_c46e_16c8a4f559c7["Container.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 52925e32_8d14_817a_c46e_16c8a4f559c7
  3d5dce82_9e7c_613c_9d80_74d1f99a30b2["Container"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 3d5dce82_9e7c_613c_9d80_74d1f99a30b2
  488bde3d_e831_2749_e589_a671ebb574f8["Counter.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 488bde3d_e831_2749_e589_a671ebb574f8
  08add501_0e5c_2f26_2948_aa029ece5802["Counter"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 08add501_0e5c_2f26_2948_aa029ece5802
  eb46dd68_8d2b_f16b_bfc0_719d309f2995["Counter2.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> eb46dd68_8d2b_f16b_bfc0_719d309f2995
  eb80a816_3650_4bf6_2ba3_21f790ad6cc1["Counter3.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> eb80a816_3650_4bf6_2ba3_21f790ad6cc1
  46160912_b683_0f2a_ff38_50c863fb5f0f["ShowMore.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 46160912_b683_0f2a_ff38_50c863fb5f0f
  04771977_5c03_ce86_455c_c0007613a029["ShowMore"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 04771977_5c03_ce86_455c_c0007613a029
  317029de_e52e_edc1_0ba6_c44bc97613ff["Button.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 317029de_e52e_edc1_0ba6_c44bc97613ff
  76c1a151_4b5b_344f_181c_b81fab3ed059["Button"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 76c1a151_4b5b_344f_181c_b81fab3ed059
  dcf1b254_c429_16d7_1424_96bb51b3b171["Form.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> dcf1b254_c429_16d7_1424_96bb51b3b171
  fa0aab28_8756_3907_b1d2_b1510c25989b["Form"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> fa0aab28_8756_3907_b1d2_b1510c25989b
  style b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import * as React from 'react';
import {renderToReadableStream} from 'react-server-dom-unbundled/server';
import {createFromReadableStream} from 'react-server-dom-webpack/client';
import {PassThrough, Readable} from 'stream';
import {ClientContext, ClientReadContext} from './ClientContext.js';
import Container from './Container.js';

import {Counter} from './Counter.js';
import {Counter as Counter2} from './Counter2.js';
import AsyncModule from './cjs/Counter3.js';
const Counter3 = await(AsyncModule);

import ShowMore from './ShowMore.js';
import Button from './Button.js';
import Form from './Form.js';
import {Dynamic} from './Dynamic.js';
import {Client} from './Client.js';
import {Navigate} from './Navigate.js';

import {Note} from './cjs/Note.js';

import {GenerateImage} from './GenerateImage.js';

import LargeContent from './LargeContent.js';

import {like, greet, increment} from './actions.js';

import {getServerState} from './ServerState.js';
import {sdkMethod} from './library.js';

const promisedText = new Promise(resolve =>
  setTimeout(() => resolve('deferred text'), 50)
);

function Foo({children}) {
  return <div>{children}</div>;
}

async function delayedError(text, ms) {
  return new Promise((_, reject) =>
    setTimeout(() => reject(new Error(text)), ms)
  );
}

async function delay(text, ms) {
  return new Promise(resolve => setTimeout(() => resolve(text), ms));
}

async function delayTwice() {
  try {
    await delayedError('Delayed exception', 20);
  } catch (x) {
    // Ignored
  }
  await delay('', 10);
}

async function delayTrice() {
  const p = delayTwice();
  await delay('', 40);
// ... (193 more lines)

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does App.js do?
App.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Optimization subdomain.
What functions are defined in App.js?
App.js defines 12 function(s): App, Bar, Foo, ServerComponent, ThirdPartyComponent, delay, delayTrice, delayTwice, delayedError, fetchThirdParty, and 2 more.
What does App.js depend on?
App.js imports 38 module(s): Button, Button.js, Client, Client.js, ClientContext.js, ClientReadContext, Container, Container.js, and 30 more.
Where is App.js in the architecture?
App.js is located at fixtures/flight/src/App.js (domain: BabelCompiler, subdomain: Optimization, directory: fixtures/flight/src).

Analyze Your Own Codebase

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

Try Supermodel Free