Vertex() — react Function Reference

Architecture documentation for the Vertex() function in Fibers.js from the react codebase.

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ Vertex() — react Function Reference

Dependency Diagram

graph TD
  76090c93_1e43_e77a_fe59_713a3f8aa6c5["Vertex()"]
  a811b6d7_3802_33c4_440e_c2d161277e14["Fibers.js"]
  76090c93_1e43_e77a_fe59_713a3f8aa6c5 -->|defined in| a811b6d7_3802_33c4_440e_c2d161277e14
  style 76090c93_1e43_e77a_fe59_713a3f8aa6c5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/fiber-debugger/src/Fibers.js lines 139–160

function Vertex(props) {
  if (Number.isNaN(props.x) || Number.isNaN(props.y)) {
    return null;
  }

  return (
    <div
      style={{
        position: 'absolute',
        border: '1px solid black',
        left: props.x - props.width / 2,
        top: props.y - props.height / 2,
        width: props.width,
        height: props.height,
        overflow: 'hidden',
        padding: '4px',
        wordWrap: 'break-word',
      }}>
      {props.children}
    </div>
  );
}