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
  a4fd5539_4810_6eac_44a2_83fdceb7cf85["Counter.tsx"]
  c842527d_3bf8_8183_b0c5_b57319266e7f["hooks"]
  a4fd5539_4810_6eac_44a2_83fdceb7cf85 --> c842527d_3bf8_8183_b0c5_b57319266e7f
  style a4fd5539_4810_6eac_44a2_83fdceb7cf85 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { useState } from 'preact/hooks';

export default function Counter() {
	const [count, setCount] = useState(1);
	return (
		<button id="counter" onClick={() => setCount(count + 1)}>
			{count}
		</button>
	);
}

Domain

Subdomains

Functions

Dependencies

  • hooks

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): hooks.
Where is Counter.tsx in the architecture?
Counter.tsx is located at packages/astro/test/fixtures/content-layer-markdoc/src/components/Counter.tsx (domain: IntegrationAdapters, subdomain: ReactIntegration, directory: packages/astro/test/fixtures/content-layer-markdoc/src/components).

Analyze Your Own Codebase

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

Try Supermodel Free