react Architecture Docs
Home / File/ optional-member-expression-as-memo-dep.js — react Source File

optional-member-expression-as-memo-dep.js — react Source File

Architecture documentation for optional-member-expression-as-memo-dep.js, a javascript file in the react codebase. 2 imports, 0 dependents.

File javascript TestingUtilities Fixtures 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  7cd87b82_bb4a_55b5_8e8f_65e9d7d08adf["optional-member-expression-as-memo-dep.js"]
  006eec3d_77a9_4a47_e6c1_a96d7a6c9c05["shared-runtime"]
  7cd87b82_bb4a_55b5_8e8f_65e9d7d08adf --> 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  7cd87b82_bb4a_55b5_8e8f_65e9d7d08adf --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  style 7cd87b82_bb4a_55b5_8e8f_65e9d7d08adf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
import {identity, ValidateMemoization} from 'shared-runtime';
import {useMemo} from 'react';

function Component({arg}) {
  const data = useMemo(() => {
    return arg?.items.edges?.nodes.map(identity);
  }, [arg?.items.edges?.nodes]);
  return (
    <ValidateMemoization inputs={[arg?.items.edges?.nodes]} output={data} />
  );
}
export const FIXTURE_ENTRYPOINT = {
  fn: Component,
  params: [{arg: null}],
  sequentialRenders: [
    {arg: null},
    {arg: null},
    {arg: {items: {edges: null}}},
    {arg: {items: {edges: null}}},
    {arg: {items: {edges: {nodes: [1, 2, 'hello']}}}},
    {arg: {items: {edges: {nodes: [1, 2, 'hello']}}}},
  ],
};

Domain

Subdomains

Functions

Dependencies

  • react
  • shared-runtime

Source

Frequently Asked Questions

What does optional-member-expression-as-memo-dep.js do?
optional-member-expression-as-memo-dep.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 optional-member-expression-as-memo-dep.js?
optional-member-expression-as-memo-dep.js defines 1 function(s): Component.
What does optional-member-expression-as-memo-dep.js depend on?
optional-member-expression-as-memo-dep.js imports 2 module(s): react, shared-runtime.
Where is optional-member-expression-as-memo-dep.js in the architecture?
optional-member-expression-as-memo-dep.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-as-memo-dep.js (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork).

Analyze Your Own Codebase

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

Try Supermodel Free