Foo() — react Function Reference
Architecture documentation for the Foo() function in hoist-deps-diff-ssa-instance1.tsx from the react codebase.
Entity Profile
Dependency Diagram
graph TD 780b6386_b5ff_47f0_2db3_88a2d75ca132["Foo()"] c78c4327_2379_21a8_b9d9_29f75c72469a["hoist-deps-diff-ssa-instance1.tsx"] 780b6386_b5ff_47f0_2db3_88a2d75ca132 -->|defined in| c78c4327_2379_21a8_b9d9_29f75c72469a style 780b6386_b5ff_47f0_2db3_88a2d75ca132 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance1.tsx lines 5–22
function Foo({cond}: {cond: boolean}) {
let x: HasA | HasC = shallowCopy({kind: 'hasA', a: {value: 2}});
/**
* This read of x.a.value is outside of x's identifier mutable
* range + scope range. We mark this ssa instance (x_@0) as having
* a non-null object property `x.a`.
*/
Math.max(x.a.value, 2);
if (cond) {
x = shallowCopy({kind: 'hasC', c: {value: 3}});
}
/**
* Since this x (x_@2 = phi(x_@0, x_@1)) is a different ssa instance,
* we cannot safely hoist a read of `x.a.value`
*/
return <Stringify val={!cond && [(x as HasA).a.value + 2]} />;
}
Domain
Subdomains
Source
Frequently Asked Questions
What does Foo() do?
Foo() is a function in the react codebase, defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance1.tsx.
Where is Foo() defined?
Foo() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance1.tsx at line 5.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free