reactive-ref.js — react Source File
Architecture documentation for reactive-ref.js, a javascript file in the react codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR 1da71421_91df_ad00_80fa_4b737b0159ff["reactive-ref.js"] ac587885_e294_a1e9_b13f_5e7b920fdb42["react"] 1da71421_91df_ad00_80fa_4b737b0159ff --> ac587885_e294_a1e9_b13f_5e7b920fdb42 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05["shared-runtime"] 1da71421_91df_ad00_80fa_4b737b0159ff --> 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05 style 1da71421_91df_ad00_80fa_4b737b0159ff fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
// @inferEffectDependencies
import {useEffect, useRef, AUTODEPS} from 'react';
import {print} from 'shared-runtime';
/*
* Ref types are not enough to determine to omit from deps. Must also take reactivity into account.
*/
function ReactiveRefInEffect(props) {
const ref1 = useRef('initial value');
const ref2 = useRef('initial value');
let ref;
if (props.foo) {
ref = ref1;
} else {
ref = ref2;
}
useEffect(() => print(ref), AUTODEPS);
}
Domain
Subdomains
Functions
Dependencies
- react
- shared-runtime
Source
Frequently Asked Questions
What does reactive-ref.js do?
reactive-ref.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-ref.js?
reactive-ref.js defines 1 function(s): ReactiveRefInEffect.
What does reactive-ref.js depend on?
reactive-ref.js imports 2 module(s): react, shared-runtime.
Where is reactive-ref.js in the architecture?
reactive-ref.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-effect-dependencies/reactive-ref.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