astro Architecture Docs
Home / File/ Counter.tsx — astro Source File

Counter.tsx — astro Source File

Architecture documentation for Counter.tsx, a tsx file in the astro codebase. 1 imports, 0 dependents.

File tsx IntegrationAdapters ReactIntegration 1 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  7e04a14c_92a9_96d7_f4da_6643d4e21257["Counter.tsx"]
  d9988dd0_c044_f9d2_85cd_a31a0a2bdf80["react"]
  7e04a14c_92a9_96d7_f4da_6643d4e21257 --> d9988dd0_c044_f9d2_85cd_a31a0a2bdf80
  style 7e04a14c_92a9_96d7_f4da_6643d4e21257 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import React, { useState } from 'react';

export default function Counter ({ id }) {
  const [count, setCount] = useState(0);

  return (
    <div id={id}>
      <div>{id}: {count}</div>
      <button type="button" onClick={() => setCount(count+1)}>Increment</button>
    </div>
  );
}

Domain

Subdomains

Functions

Dependencies

  • react

Source

Frequently Asked Questions

What does Counter.tsx do?
Counter.tsx is a source file in the astro codebase, written in tsx. It belongs to the IntegrationAdapters domain, ReactIntegration subdomain.
What functions are defined in Counter.tsx?
Counter.tsx defines 1 function(s): Counter.
What does Counter.tsx depend on?
Counter.tsx imports 1 module(s): react.
Where is Counter.tsx in the architecture?
Counter.tsx is located at packages/astro/test/fixtures/special-chars-in-component-imports/src/components/and-rockets-🚀/Counter.tsx (domain: IntegrationAdapters, subdomain: ReactIntegration, directory: packages/astro/test/fixtures/special-chars-in-component-imports/src/components/and-rockets-🚀).

Analyze Your Own Codebase

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

Try Supermodel Free