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
  785305a3_f2e8_0761_b432_514b0ab054bd["render()"]
  78d43ef3_0255_903c_850f_a92d72fbd333["TransitionCell142"]
  785305a3_f2e8_0761_b432_514b0ab054bd -->|defined in| 78d43ef3_0255_903c_850f_a92d72fbd333
  style 785305a3_f2e8_0761_b432_514b0ab054bd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

scripts/bench/benchmarks/pe-class-components/benchmark.js lines 3393–4003

    render() {
      if (this.props.x === 316) {
        return React.createElement(
          'div',
          {
            label: 'Campaigns',
            height: 40,
            width: 721,
            className: '_4lgc _4h2u',
            style: {height: 40, width: 721},
          },
          React.createElement(
            'div',
            {className: '_4lgd _4h2w'},
            React.createElement(
              'div',
              {className: '_4lge _4h2x'},
              React.createElement(AdsPETableHeader141, {x: 315})
            )
          )
        );
      }
      if (this.props.x === 321) {
        return React.createElement(
          'div',
          {
            label: 'Performance',
            height: 40,
            width: 798,
            className: '_4lgc _4h2u',
            style: {height: 40, width: 798},
          },
          React.createElement(
            'div',
            {className: '_4lgd _4h2w'},
            React.createElement(
              'div',
              {className: '_4lge _4h2x'},
              React.createElement(AdsPETableHeader141, {x: 320})
            )
          )
        );
      }
      if (this.props.x === 324) {
        return React.createElement(
          'div',
          {
            label: 'Overview',
            height: 40,
            width: 1022,
            className: '_4lgc _4h2u',
            style: {height: 40, width: 1022},
          },
          React.createElement(
            'div',
            {className: '_4lgd _4h2w'},
            React.createElement(
              'div',
              {className: '_4lge _4h2x'},
              React.createElement(AdsPETableHeader141, {x: 323})
            )
          )
        );
      }
      if (this.props.x === 327) {
        return React.createElement(
          'div',
          {
            label: 'Toplines',
            height: 40,
            width: 0,
            className: '_4lgc _4h2u',
            style: {height: 40, width: 0},
          },
          React.createElement(
            'div',
            {className: '_4lgd _4h2w'},
            React.createElement(
              'div',
              {className: '_4lge _4h2x'},
              React.createElement(AdsPETableHeader141, {x: 326})