Home / File/ flag-enable-emit-hook-guards.ts — react Source File

flag-enable-emit-hook-guards.ts — react Source File

Architecture documentation for flag-enable-emit-hook-guards.ts, a typescript file in the react codebase. 2 imports, 0 dependents.

File typescript TestingUtilities Fixtures 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  6429c456_1208_07c8_0394_20d78d91443f["flag-enable-emit-hook-guards.ts"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  6429c456_1208_07c8_0394_20d78d91443f --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  006eec3d_77a9_4a47_e6c1_a96d7a6c9c05["shared-runtime"]
  6429c456_1208_07c8_0394_20d78d91443f --> 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05
  style 6429c456_1208_07c8_0394_20d78d91443f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

// @enableEmitHookGuards
import {createContext, useContext, useEffect, useState} from 'react';
import {
  CONST_STRING0,
  ObjectWithHooks,
  getNumber,
  identity,
  print,
} from 'shared-runtime';

const MyContext = createContext('my context value');
function Component({value}) {
  print(identity(CONST_STRING0));
  const [state, setState] = useState(getNumber());
  print(value, state);
  useEffect(() => {
    if (state === 4) {
      setState(5);
    }
  }, [state]);
  print(identity(value + state));
  return ObjectWithHooks.useIdentity(useContext(MyContext));
}

export const FIXTURE_ENTRYPOINT = {
  fn: Component,
  args: [{value: 0}],
};

Subdomains

Functions

Dependencies

  • react
  • shared-runtime

Frequently Asked Questions

What does flag-enable-emit-hook-guards.ts do?
flag-enable-emit-hook-guards.ts is a source file in the react codebase, written in typescript. It belongs to the TestingUtilities domain, Fixtures subdomain.
What functions are defined in flag-enable-emit-hook-guards.ts?
flag-enable-emit-hook-guards.ts defines 1 function(s): Component.
What does flag-enable-emit-hook-guards.ts depend on?
flag-enable-emit-hook-guards.ts imports 2 module(s): react, shared-runtime.
Where is flag-enable-emit-hook-guards.ts in the architecture?
flag-enable-emit-hook-guards.ts is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flag-enable-emit-hook-guards.ts (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler).

Analyze Your Own Codebase

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

Try Supermodel Free