ui Architecture Docs
Home / File/ App.tsx — ui Source File

App.tsx — ui Source File

Architecture documentation for App.tsx, a tsx file in the ui codebase. 4 imports, 1 dependents.

File tsx ComponentRegistry Styles 4 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  d288b4d0_88f0_b878_c6bc_2652ff5d6041["App.tsx"]
  8a4c10b7_48c2_3a35_0982_a2927052e1ef["./assets/react.svg"]
  d288b4d0_88f0_b878_c6bc_2652ff5d6041 --> 8a4c10b7_48c2_3a35_0982_a2927052e1ef
  46eaf2f2_552c_8736_f470_96edb66c32f0["App.css"]
  d288b4d0_88f0_b878_c6bc_2652ff5d6041 --> 46eaf2f2_552c_8736_f470_96edb66c32f0
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  d288b4d0_88f0_b878_c6bc_2652ff5d6041 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  b9bc69c5_0ae8_6299_1aaf_03bafabba837["vite.svg"]
  d288b4d0_88f0_b878_c6bc_2652ff5d6041 --> b9bc69c5_0ae8_6299_1aaf_03bafabba837
  f3995daa_7dc4_b7ca_73ad_d4e5a702bee7["main.tsx"]
  f3995daa_7dc4_b7ca_73ad_d4e5a702bee7 --> d288b4d0_88f0_b878_c6bc_2652ff5d6041
  style d288b4d0_88f0_b878_c6bc_2652ff5d6041 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { useState } from "react"

import reactLogo from "./assets/react.svg"
import viteLogo from "/vite.svg"
import "./App.css"

function App() {
  const [count, setCount] = useState(0)

  return (
    <>
      <div>
        <a href="https://vite.dev" target="_blank">
          <img src={viteLogo} className="logo" alt="Vite logo" />
        </a>
        <a href="https://react.dev" target="_blank">
          <img src={reactLogo} className="logo react" alt="React logo" />
        </a>
      </div>
      <h1>Vite + React</h1>
      <div className="card">
        <button onClick={() => setCount((count) => count + 1)}>
          count is {count}
        </button>
        <p>
          Edit <code>src/App.tsx</code> and save to test HMR
        </p>
      </div>
      <p className="read-the-docs">
        Click on the Vite and React logos to learn more
      </p>
    </>
  )
}

export default App

Domain

Subdomains

Functions

Dependencies

  • ./assets/react.svg
  • App.css
  • react
  • vite.svg

Imported By

Source

Frequently Asked Questions

What does App.tsx do?
App.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, Styles subdomain.
What functions are defined in App.tsx?
App.tsx defines 1 function(s): App.
What does App.tsx depend on?
App.tsx imports 4 module(s): ./assets/react.svg, App.css, react, vite.svg.
What files import App.tsx?
App.tsx is imported by 1 file(s): main.tsx.
Where is App.tsx in the architecture?
App.tsx is located at packages/tests/fixtures/vite-app/src/App.tsx (domain: ComponentRegistry, subdomain: Styles, directory: packages/tests/fixtures/vite-app/src).

Analyze Your Own Codebase

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

Try Supermodel Free