Home / File/ useCallback-reordering-depslist-assignment.tsx — react Source File

useCallback-reordering-depslist-assignment.tsx — react Source File

Architecture documentation for useCallback-reordering-depslist-assignment.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
  d324d739_396b_5770_565b_cf504a5c3a69["useCallback-reordering-depslist-assignment.tsx"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  d324d739_396b_5770_565b_cf504a5c3a69 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  006eec3d_77a9_4a47_e6c1_a96d7a6c9c05["shared-runtime"]
  d324d739_396b_5770_565b_cf504a5c3a69 --> 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05
  style d324d739_396b_5770_565b_cf504a5c3a69 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

// We currently produce invalid output (incorrect scoping for `y` declaration)
function useFoo(arr1, arr2) {
  const x = [arr1];

  let y;
  const getVal = useCallback(() => {
    return {y};
  }, [((y = x.concat(arr2)), y)]);

  return <Stringify getVal={getVal} shouldInvokeFns={true} />;
}

export const FIXTURE_ENTRYPOINT = {
  fn: useFoo,
  params: [
    [1, 2],
    [3, 4],
  ],
};

Subdomains

Functions

Dependencies

  • react
  • shared-runtime

Frequently Asked Questions

What does useCallback-reordering-depslist-assignment.tsx do?
useCallback-reordering-depslist-assignment.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 useCallback-reordering-depslist-assignment.tsx?
useCallback-reordering-depslist-assignment.tsx defines 1 function(s): useFoo.
What does useCallback-reordering-depslist-assignment.tsx depend on?
useCallback-reordering-depslist-assignment.tsx imports 2 module(s): react, shared-runtime.
Where is useCallback-reordering-depslist-assignment.tsx in the architecture?
useCallback-reordering-depslist-assignment.tsx is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-depslist-assignment.tsx (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability).

Analyze Your Own Codebase

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

Try Supermodel Free