invalid-derived-computation-in-effect.js — react Source File
Architecture documentation for invalid-derived-computation-in-effect.js, a javascript file in the react codebase. 1 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR d5eadd72_b0b0_647d_7e32_890cdbefe2ca["invalid-derived-computation-in-effect.js"] ac587885_e294_a1e9_b13f_5e7b920fdb42["react"] d5eadd72_b0b0_647d_7e32_890cdbefe2ca --> ac587885_e294_a1e9_b13f_5e7b920fdb42 style d5eadd72_b0b0_647d_7e32_890cdbefe2ca fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
import {useEffect, useState} from 'react';
function Component() {
const [firstName, setFirstName] = useState('Taylor');
const lastName = 'Swift';
// 🔴 Avoid: redundant state and unnecessary Effect
const [fullName, setFullName] = useState('');
useEffect(() => {
setFullName(firstName + ' ' + lastName);
}, [firstName, lastName]);
return <div>{fullName}</div>;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [],
};
Domain
Subdomains
Functions
Dependencies
- react
Source
Frequently Asked Questions
What does invalid-derived-computation-in-effect.js do?
invalid-derived-computation-in-effect.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 invalid-derived-computation-in-effect.js?
invalid-derived-computation-in-effect.js defines 1 function(s): Component.
What does invalid-derived-computation-in-effect.js depend on?
invalid-derived-computation-in-effect.js imports 1 module(s): react.
Where is invalid-derived-computation-in-effect.js in the architecture?
invalid-derived-computation-in-effect.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-computation-in-effect.js (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free