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

Counter.jsx — astro Source File

Architecture documentation for Counter.jsx, a javascript file in the astro codebase. 1 imports, 2 dependents.

File javascript E2ETesting TestFixtures 1 imports 2 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  b982ec86_0704_9dec_c420_a7e76f82718f["Counter.jsx"]
  5458ee59_7908_bf35_f257_ad630e4e60d7["solid-js"]
  b982ec86_0704_9dec_c420_a7e76f82718f --> 5458ee59_7908_bf35_f257_ad630e4e60d7
  3a444fc9_ff31_a9a8_a1cb_957c5872effc["WrapperA.jsx"]
  3a444fc9_ff31_a9a8_a1cb_957c5872effc --> b982ec86_0704_9dec_c420_a7e76f82718f
  d74661f9_4d17_6623_028e_49c31b0e5044["WrapperB.jsx"]
  d74661f9_4d17_6623_028e_49c31b0e5044 --> b982ec86_0704_9dec_c420_a7e76f82718f
  style b982ec86_0704_9dec_c420_a7e76f82718f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { createSignal } from 'solid-js';

export default function Counter(props) {
  const [count, setCount] = createSignal(0);
  const type = props.type;

  return (
    <button
			id={props.id + '-' + type}
      data-type={type}
      ref={(el) =>
        console.log(
          ` ${type} ${type == el.dataset.type ? '==' : '!='} ${el.dataset.type}`
        )
      }
      onClick={() => {
        console.log('click');
        setCount((p) => ++p);
      }}
    >
      {type}: {count()}
    </button>
  );
}

Domain

Subdomains

Functions

Dependencies

  • solid-js

Imported By

Source

Frequently Asked Questions

What does Counter.jsx do?
Counter.jsx is a source file in the astro codebase, written in javascript. It belongs to the E2ETesting domain, TestFixtures subdomain.
What functions are defined in Counter.jsx?
Counter.jsx defines 1 function(s): Counter.
What does Counter.jsx depend on?
Counter.jsx imports 1 module(s): solid-js.
What files import Counter.jsx?
Counter.jsx is imported by 2 file(s): WrapperA.jsx, WrapperB.jsx.
Where is Counter.jsx in the architecture?
Counter.jsx is located at packages/astro/e2e/fixtures/solid-recurse/src/components/Counter.jsx (domain: E2ETesting, subdomain: TestFixtures, directory: packages/astro/e2e/fixtures/solid-recurse/src/components).

Analyze Your Own Codebase

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

Try Supermodel Free