render() — react Function Reference

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

Function javascript BabelCompiler Optimization calls 1

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  eed64c56_c340_a1af_9fa4_f55eb9b1f8bd["render()"]
  cb7faed5_eb61_7456_6374_d90256e6ed14["Persistence"]
  eed64c56_c340_a1af_9fa4_f55eb9b1f8bd -->|defined in| cb7faed5_eb61_7456_6374_d90256e6ed14
  71b5c81a_6c35_2de0_6be2_4ff47f948410["render()"]
  eed64c56_c340_a1af_9fa4_f55eb9b1f8bd -->|calls| 71b5c81a_6c35_2de0_6be2_4ff47f948410
  style eed64c56_c340_a1af_9fa4_f55eb9b1f8bd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/event-pooling/persistence.js lines 33–59

  render() {
    const {pooled, persisted} = this.state;

    return (
      <TestCase title="Persistence" description="">
        <TestCase.Steps>
          <li>Mouse over the pooled event box</li>
          <li>Mouse over the persisted event box</li>
        </TestCase.Steps>

        <TestCase.ExpectedResult>
          The pool size should not increase above 1, but reduce to 0 when
          hovering over the persisted region.
        </TestCase.ExpectedResult>

        <h2>Add Pooled Event:</h2>
        <HitBox onMouseMove={this.addPooled} />

        <h2>Add Persisted Event:</h2>
        <HitBox onMouseMove={this.addPersisted} />

        <p>Pool size: {pooled.length}</p>

        <p>Persisted size: {persisted}</p>
      </TestCase>
    );
  }