NestedReveal() — react Function Reference

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

Function javascript BabelCompiler Optimization calls 1

Entity Profile

BabelCompiler→ Optimization→ NestedReveal() — react Function Reference

Dependency Diagram

graph TD
  fb46da95_679f_1012_2211_651fe33a2cef["NestedReveal()"]
  0b935850_668f_6cc3_49c5_79c9d8654554["NestedReveal.js"]
  fb46da95_679f_1012_2211_651fe33a2cef -->|defined in| 0b935850_668f_6cc3_49c5_79c9d8654554
  31c6629a_71be_16a3_3479_67394dd6e4a2["sleep()"]
  fb46da95_679f_1012_2211_651fe33a2cef -->|calls| 31c6629a_71be_16a3_3479_67394dd6e4a2
  style fb46da95_679f_1012_2211_651fe33a2cef fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/view-transition/src/components/NestedReveal.js lines 15–36

export default function NestedReveal({}) {
  if (!delay1) {
    delay1 = sleep(100);
    // Needs to happen before the throttled reveal of delay 1
    delay2 = sleep(200);
  }

  return (
    <div className="swipe-recognizer">
      Shell
      <Suspense fallback="Loading level 1">
        <div>Level 1</div>
        <Use useable={delay1} />

        <Suspense fallback="Loading level 2">
          <div>Level 2</div>
          <Use useable={delay2} />
        </Suspense>
      </Suspense>
    </div>
  );
}