react Architecture Docs
Home / File/ reactive-optional-chain-complex.js — react Source File

reactive-optional-chain-complex.js — react Source File

Architecture documentation for reactive-optional-chain-complex.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
  f8ba6a3e_ace3_159f_cb77_660b18b3eb94["reactive-optional-chain-complex.js"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  f8ba6a3e_ace3_159f_cb77_660b18b3eb94 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  006eec3d_77a9_4a47_e6c1_a96d7a6c9c05["shared-runtime"]
  f8ba6a3e_ace3_159f_cb77_660b18b3eb94 --> 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05
  style f8ba6a3e_ace3_159f_cb77_660b18b3eb94 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

// @inferEffectDependencies
import {useEffect, AUTODEPS} from 'react';
import {print, shallowCopy} from 'shared-runtime';

function ReactiveMemberExpr({cond, propVal}) {
  const obj = {a: cond ? {b: propVal} : null, c: null};
  const other = shallowCopy({a: {b: {c: {d: {e: {f: propVal + 1}}}}}});
  const primitive = shallowCopy(propVal);
  useEffect(
    () => print(obj.a?.b, other?.a?.b?.c?.d?.e.f, primitive.a?.b.c?.d?.e.f),
    AUTODEPS
  );
}

export const FIXTURE_ENTRYPOINT = {
  fn: ReactiveMemberExpr,
  params: [{cond: true, propVal: 1}],
};

Domain

Subdomains

Functions

Dependencies

  • react
  • shared-runtime

Source

Frequently Asked Questions

What does reactive-optional-chain-complex.js do?
reactive-optional-chain-complex.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 reactive-optional-chain-complex.js?
reactive-optional-chain-complex.js defines 1 function(s): ReactiveMemberExpr.
What does reactive-optional-chain-complex.js depend on?
reactive-optional-chain-complex.js imports 2 module(s): react, shared-runtime.
Where is reactive-optional-chain-complex.js in the architecture?
reactive-optional-chain-complex.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-effect-dependencies/reactive-optional-chain-complex.js (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-effect-dependencies).

Analyze Your Own Codebase

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

Try Supermodel Free