render() — react Function Reference

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

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  bee670a9_424e_60e1_ae90_8a0e578eed0e["render()"]
  df7c4a0b_8d1e_4da2_6e53_d41d115e0612["FixedDataTableCellGroupImpl144"]
  bee670a9_424e_60e1_ae90_8a0e578eed0e -->|defined in| df7c4a0b_8d1e_4da2_6e53_d41d115e0612
  style bee670a9_424e_60e1_ae90_8a0e578eed0e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

scripts/bench/benchmarks/pe-class-components/benchmark.js lines 4519–4613

    render() {
      if (this.props.x === 318) {
        return React.createElement(
          'div',
          {
            className: '_3pzj',
            style: {
              height: 40,
              position: 'absolute',
              width: 721,
              zIndex: 2,
              transform: 'translate3d(0px,0px,0)',
              backfaceVisibility: 'hidden',
            },
          },
          React.createElement(FixedDataTableCell143, {x: 317, key: 'cell_0'})
        );
      }
      if (this.props.x === 332) {
        return React.createElement(
          'div',
          {
            className: '_3pzj',
            style: {
              height: 40,
              position: 'absolute',
              width: 1845,
              zIndex: 0,
              transform: 'translate3d(0px,0px,0)',
              backfaceVisibility: 'hidden',
            },
          },
          React.createElement(FixedDataTableCell143, {x: 322, key: 'cell_0'}),
          React.createElement(FixedDataTableCell143, {x: 325, key: 'cell_1'}),
          React.createElement(FixedDataTableCell143, {x: 328, key: 'cell_2'}),
          React.createElement(FixedDataTableCell143, {x: 331, key: 'cell_3'})
        );
      }
      if (this.props.x === 367) {
        return React.createElement(
          'div',
          {
            className: '_3pzj',
            style: {
              height: 25,
              position: 'absolute',
              width: 721,
              zIndex: 2,
              transform: 'translate3d(0px,0px,0)',
              backfaceVisibility: 'hidden',
            },
          },
          React.createElement(FixedDataTableCell143, {x: 339, key: 'cell_0'}),
          React.createElement(FixedDataTableCell143, {x: 344, key: 'cell_1'}),
          React.createElement(FixedDataTableCell143, {x: 350, key: 'cell_2'}),
          React.createElement(FixedDataTableCell143, {x: 356, key: 'cell_3'}),
          React.createElement(FixedDataTableCell143, {x: 361, key: 'cell_4'}),
          React.createElement(FixedDataTableCell143, {x: 366, key: 'cell_5'})
        );
      }
      if (this.props.x === 455) {
        return React.createElement(
          'div',
          {
            className: '_3pzj',
            style: {
              height: 25,
              position: 'absolute',
              width: 1845,
              zIndex: 0,
              transform: 'translate3d(0px,0px,0)',
              backfaceVisibility: 'hidden',
            },
          },
          React.createElement(FixedDataTableCell143, {x: 373, key: 'cell_0'}),
          React.createElement(FixedDataTableCell143, {x: 378, key: 'cell_1'}),
          React.createElement(FixedDataTableCell143, {x: 383, key: 'cell_2'}),
          React.createElement(FixedDataTableCell143, {x: 388, key: 'cell_3'}),
          React.createElement(FixedDataTableCell143, {x: 393, key: 'cell_4'}),
          React.createElement(FixedDataTableCell143, {x: 398, key: 'cell_5'}),
          React.createElement(FixedDataTableCell143, {x: 403, key: 'cell_6'}),