Home / File/ for-of-nonmutating-loop-local-collection.js — react Source File

for-of-nonmutating-loop-local-collection.js — react Source File

Architecture documentation for for-of-nonmutating-loop-local-collection.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
  48e4a5e1_8792_3499_85ae_7ea1f25399d6["for-of-nonmutating-loop-local-collection.js"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  48e4a5e1_8792_3499_85ae_7ea1f25399d6 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  006eec3d_77a9_4a47_e6c1_a96d7a6c9c05["shared-runtime"]
  48e4a5e1_8792_3499_85ae_7ea1f25399d6 --> 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05
  style 48e4a5e1_8792_3499_85ae_7ea1f25399d6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {useMemo} from 'react';
import {ValidateMemoization} from 'shared-runtime';

function Component({a, b}) {
  const x = useMemo(() => {
    return [a];
  }, [a]);
  const y = useMemo(() => {
    const items = [b];
    for (const i of x) {
      items.push(i);
    }
    return items;
  }, [x, b]);
  return (
    <>
      <ValidateMemoization inputs={[a]} output={x} />
      <ValidateMemoization inputs={[x, b]} output={y} />
    </>
  );
}

export const FIXTURE_ENTRYPOINT = {
  fn: Component,
  params: [{a: 0, b: 0}],
  sequentialRenders: [
    {a: 1, b: 0},
    {a: 1, b: 1},
    {a: 0, b: 1},
  ],
};

Subdomains

Functions

Dependencies

  • react
  • shared-runtime

Frequently Asked Questions

What does for-of-nonmutating-loop-local-collection.js do?
for-of-nonmutating-loop-local-collection.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 for-of-nonmutating-loop-local-collection.js?
for-of-nonmutating-loop-local-collection.js defines 1 function(s): Component.
What does for-of-nonmutating-loop-local-collection.js depend on?
for-of-nonmutating-loop-local-collection.js imports 2 module(s): react, shared-runtime.
Where is for-of-nonmutating-loop-local-collection.js in the architecture?
for-of-nonmutating-loop-local-collection.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-nonmutating-loop-local-collection.js (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