render() — react Function Reference

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

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  c7886fe3_1b80_c7df_c482_5d2ab80c9be9["render()"]
  85a7bb5e_f42b_35c7_ce24_22564222542f["Clock"]
  c7886fe3_1b80_c7df_c482_5d2ab80c9be9 -->|defined in| 85a7bb5e_f42b_35c7_ce24_22564222542f
  style c7886fe3_1b80_c7df_c482_5d2ab80c9be9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/concurrent/time-slicing/src/Clock.js lines 83–104

  render() {
    const paths = new Array(FRAMES);
    for (let i = 0; i < FRAMES; i++) {
      paths.push(<path className="arcHand" key={i} />);
    }
    return (
      <div className="stutterer">
        <svg height="310" width="310">
          <circle
            className="clockFace"
            onClick={this.handleClick}
            cx={155}
            cy={155}
            r={150}
            ref={this.faceRef}
          />
          <g ref={this.arcGroupRef}>{paths}</g>
          <path className="clockHand" ref={this.clockHandRef} />
        </svg>
      </div>
    );
  }