react Architecture Docs
Home / File/ infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js — react Source File

infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js — react Source File

Architecture documentation for infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js, a javascript file in the react codebase. 3 imports, 0 dependents.

File javascript TestingUtilities Fixtures 3 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  e7c50723_3950_350e_096e_661085979fb9["infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js"]
  006eec3d_77a9_4a47_e6c1_a96d7a6c9c05["shared-runtime"]
  e7c50723_3950_350e_096e_661085979fb9 --> 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05
  88970095_8bef_0067_4390_e1cc9fd94459["useEffectWrapper"]
  e7c50723_3950_350e_096e_661085979fb9 --> 88970095_8bef_0067_4390_e1cc9fd94459
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  e7c50723_3950_350e_096e_661085979fb9 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  style e7c50723_3950_350e_096e_661085979fb9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

// @inferEffectDependencies @panicThreshold:"none"
import {print} from 'shared-runtime';
import useEffectWrapper from 'useEffectWrapper';
import {AUTODEPS} from 'react';

function Foo({propVal}) {
  'use memo';
  const arr = [propVal];
  useEffectWrapper(() => print(arr), AUTODEPS);

  const arr2 = [];
  useEffectWrapper(() => arr2.push(propVal), AUTODEPS);
  arr2.push(2);
  return {arr, arr2};
}

export const FIXTURE_ENTRYPOINT = {
  fn: Foo,
  params: [{propVal: 1}],
  sequentialRenders: [{propVal: 1}, {propVal: 2}],
};

Domain

Subdomains

Functions

Dependencies

  • react
  • shared-runtime
  • useEffectWrapper

Source

Frequently Asked Questions

What does infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js do?
infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js is a source file in the react codebase, written in javascript. It belongs to the TestingUtilities domain, Fixtures subdomain.
What functions are defined in infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js?
infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js defines 1 function(s): Foo.
What does infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js depend on?
infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js imports 3 module(s): react, shared-runtime, useEffectWrapper.
Where is infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js in the architecture?
infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-effect-dependencies/retry-lint-comparison/infer-effect-deps-with-rule-violation-use-memo-opt-in--compile.js (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-effect-dependencies/retry-lint-comparison).

Analyze Your Own Codebase

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

Try Supermodel Free