react Architecture Docs
Home / Function/ BadExample() — react Function Reference

BadExample() — react Function Reference

Architecture documentation for the BadExample() function in error.invalid-derived-computation-in-effect.js from the react codebase.

Function javascript TestingUtilities Fixtures

Entity Profile

Dependency Diagram

graph TD
  b30763e7_46f4_efce_9129_53d1cffe5b8a["BadExample()"]
  c2c563ac_18c4_167b_e402_bee2684bc4dc["error.invalid-derived-computation-in-effect.js"]
  b30763e7_46f4_efce_9129_53d1cffe5b8a -->|defined in| c2c563ac_18c4_167b_e402_bee2684bc4dc
  style b30763e7_46f4_efce_9129_53d1cffe5b8a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-derived-computation-in-effect.js lines 4–15

function BadExample() {
  const [firstName, setFirstName] = useState('Taylor');
  const [lastName, setLastName] = useState('Swift');

  // 🔴 Avoid: redundant state and unnecessary Effect
  const [fullName, setFullName] = useState('');
  useEffect(() => {
    setFullName(firstName + ' ' + lastName);
  }, [firstName, lastName]);

  return <div>{fullName}</div>;
}

Domain

Subdomains

Defined In

Source

Frequently Asked Questions

What does BadExample() do?
BadExample() is a function in the react codebase, defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-derived-computation-in-effect.js.
Where is BadExample() defined?
BadExample() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-derived-computation-in-effect.js at line 4.

Analyze Your Own Codebase

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

Try Supermodel Free