react Architecture Docs
Home / File/ useMemo-reordering-depslist-controlflow.tsx — react Source File

useMemo-reordering-depslist-controlflow.tsx — react Source File

Architecture documentation for useMemo-reordering-depslist-controlflow.tsx, a tsx file in the react codebase. 2 imports, 0 dependents.

File tsx TestingUtilities Fixtures 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  e0c2a50a_e6ec_b2aa_488d_c8250f029f76["useMemo-reordering-depslist-controlflow.tsx"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  e0c2a50a_e6ec_b2aa_488d_c8250f029f76 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  006eec3d_77a9_4a47_e6c1_a96d7a6c9c05["shared-runtime"]
  e0c2a50a_e6ec_b2aa_488d_c8250f029f76 --> 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05
  style e0c2a50a_e6ec_b2aa_488d_c8250f029f76 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
import {useMemo} from 'react';
import {Stringify} from 'shared-runtime';

function Foo({arr1, arr2, foo}) {
  const x = [arr1];

  let y = [];

  const val1 = useMemo(() => {
    return {x: 2};
  }, []);

  const val2 = useMemo(() => {
    return [y];
  }, [foo ? (y = x.concat(arr2)) : y]);

  return <Stringify val1={val1} val2={val2} />;
}

export const FIXTURE_ENTRYPOINT = {
  fn: Foo,
  params: [{arr1: [1, 2], arr2: [3, 4], foo: true}],
  sequentialRenders: [
    {arr1: [1, 2], arr2: [3, 4], foo: true},
    {arr1: [1, 2], arr2: [3, 4], foo: false},
  ],
};

Domain

Subdomains

Functions

Dependencies

  • react
  • shared-runtime

Source

Frequently Asked Questions

What does useMemo-reordering-depslist-controlflow.tsx do?
useMemo-reordering-depslist-controlflow.tsx is a source file in the react codebase, written in tsx. It belongs to the TestingUtilities domain, Fixtures subdomain.
What functions are defined in useMemo-reordering-depslist-controlflow.tsx?
useMemo-reordering-depslist-controlflow.tsx defines 1 function(s): Foo.
What does useMemo-reordering-depslist-controlflow.tsx depend on?
useMemo-reordering-depslist-controlflow.tsx imports 2 module(s): react, shared-runtime.
Where is useMemo-reordering-depslist-controlflow.tsx in the architecture?
useMemo-reordering-depslist-controlflow.tsx is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-controlflow.tsx (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation).

Analyze Your Own Codebase

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

Try Supermodel Free