constructor() — react Function Reference

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

Function javascript BabelCompiler Validation calls 2

Entity Profile

BabelCompiler→ Validation→ constructor() — react Function Reference

Dependency Diagram

graph TD
  480f5b5e_d754_4ab1_da57_71bc19357caf["constructor()"]
  286a732c_79f8_d4a2_284e_8f3ea43c6d7d["HorizontalPanAndZoomView"]
  480f5b5e_d754_4ab1_da57_71bc19357caf -->|defined in| 286a732c_79f8_d4a2_284e_8f3ea43c6d7d
  3fecd1d6_3b0e_08d7_18fe_cef444b6228a["zoomToRange()"]
  480f5b5e_d754_4ab1_da57_71bc19357caf -->|calls| 3fecd1d6_3b0e_08d7_18fe_cef444b6228a
  999fea7d_fde4_a746_f8df_4b2a9c29d709["constructor()"]
  480f5b5e_d754_4ab1_da57_71bc19357caf -->|calls| 999fea7d_fde4_a746_f8df_4b2a9c29d709
  style 480f5b5e_d754_4ab1_da57_71bc19357caf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/HorizontalPanAndZoomView.js lines 45–63

  constructor(
    surface: Surface,
    frame: Rect,
    contentView: View,
    intrinsicContentWidth: number,
    viewState: ViewState,
  ) {
    super(surface, frame);

    this._contentView = contentView;
    this._intrinsicContentWidth = intrinsicContentWidth;
    this._viewState = viewState;

    viewState.onHorizontalScrollStateChange(scrollState => {
      this.zoomToRange(scrollState.offset, scrollState.length);
    });

    this.addSubview(contentView);
  }