Counter.js — react Source File

Architecture documentation for Counter.js, a javascript file in the react codebase. 3 imports, 1 dependents.

File javascript BabelCompiler Entrypoint 3 imports 1 dependents 1 functions

Entity Profile

BabelCompiler→ Entrypoint→ Counter.js — react Source File

Dependency Diagram

graph LR
  488bde3d_e831_2749_e589_a671ebb574f8["Counter.js"]
  52925e32_8d14_817a_c46e_16c8a4f559c7["Container.js"]
  488bde3d_e831_2749_e589_a671ebb574f8 --> 52925e32_8d14_817a_c46e_16c8a4f559c7
  3d5dce82_9e7c_613c_9d80_74d1f99a30b2["Container"]
  488bde3d_e831_2749_e589_a671ebb574f8 --> 3d5dce82_9e7c_613c_9d80_74d1f99a30b2
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  488bde3d_e831_2749_e589_a671ebb574f8 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6["App.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> 488bde3d_e831_2749_e589_a671ebb574f8
  style 488bde3d_e831_2749_e589_a671ebb574f8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

'use client';

import * as React from 'react';

import Container from './Container.js';

export function Counter({incrementAction}) {
  const [count, incrementFormAction] = React.useActionState(incrementAction, 0);
  return (
    <Container>
      <form>
        <button formAction={incrementFormAction}>Count: {count}</button>
      </form>
    </Container>
  );
}