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 FrameworkTooling SchemaValidation 4 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  ab5097a4_34bd_0707_78d8_2e9497223f42["App.tsx"]
  2a115fb3_b323_843d_82fb_745a6322a7e9["./assets/react.svg"]
  ab5097a4_34bd_0707_78d8_2e9497223f42 --> 2a115fb3_b323_843d_82fb_745a6322a7e9
  485d8832_117b_e68e_1c63_b66a8b794316["App.css"]
  ab5097a4_34bd_0707_78d8_2e9497223f42 --> 485d8832_117b_e68e_1c63_b66a8b794316
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  ab5097a4_34bd_0707_78d8_2e9497223f42 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  b9bc69c5_0ae8_6299_1aaf_03bafabba837["vite.svg"]
  ab5097a4_34bd_0707_78d8_2e9497223f42 --> b9bc69c5_0ae8_6299_1aaf_03bafabba837
  4727d94a_659b_0b73_8cd5_8406073a8dc7["main.tsx"]
  4727d94a_659b_0b73_8cd5_8406073a8dc7 --> ab5097a4_34bd_0707_78d8_2e9497223f42
  style ab5097a4_34bd_0707_78d8_2e9497223f42 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://vitejs.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 FrameworkTooling domain, SchemaValidation 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/shadcn/test/fixtures/frameworks/vite/src/App.tsx (domain: FrameworkTooling, subdomain: SchemaValidation, directory: packages/shadcn/test/fixtures/frameworks/vite/src).

Analyze Your Own Codebase

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

Try Supermodel Free