CanvasPage() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ CanvasPage() — react Function Reference

Dependency Diagram

graph TD
  57cdcaba_9376_75d3_1255_5d46c8b071bc["CanvasPage()"]
  d5e5a241_0d88_22ae_6561_9211ad78e796["CanvasPage.js"]
  57cdcaba_9376_75d3_1255_5d46c8b071bc -->|defined in| d5e5a241_0d88_22ae_6561_9211ad78e796
  style 57cdcaba_9376_75d3_1255_5d46c8b071bc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/CanvasPage.js lines 66–83

function CanvasPage({profilerData, viewState}: Props): React.Node {
  return (
    <div
      className={styles.CanvasPage}
      style={{backgroundColor: COLORS.BACKGROUND}}>
      <AutoSizer>
        {({height, width}: {height: number, width: number}) => (
          <AutoSizedCanvas
            data={profilerData}
            height={height}
            viewState={viewState}
            width={width}
          />
        )}
      </AutoSizer>
    </div>
  );
}