Home / Function/ pushOffscreenSuspenseHandler() — react Function Reference

pushOffscreenSuspenseHandler() — react Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  992f4e57_663a_57fc_8711_c7a964a2cb1c["pushOffscreenSuspenseHandler()"]
  be9c7dd4_0030_1768_3ad3_f5acdbd08eef["ReactFiberSuspenseContext.js"]
  992f4e57_663a_57fc_8711_c7a964a2cb1c -->|defined in| be9c7dd4_0030_1768_3ad3_f5acdbd08eef
  526a99f2_4938_2b27_2b9e_a0a59903cdb5["updateOffscreenComponent()"]
  526a99f2_4938_2b27_2b9e_a0a59903cdb5 -->|calls| 992f4e57_663a_57fc_8711_c7a964a2cb1c
  9667b43a_5b5c_621a_f700_b7578247ef20["deferHiddenOffscreenComponent()"]
  9667b43a_5b5c_621a_f700_b7578247ef20 -->|calls| 992f4e57_663a_57fc_8711_c7a964a2cb1c
  d0fa82b3_bb84_ac45_2b0b_a81afe160a95["reuseSuspenseHandlerOnStack()"]
  992f4e57_663a_57fc_8711_c7a964a2cb1c -->|calls| d0fa82b3_bb84_ac45_2b0b_a81afe160a95
  style 992f4e57_663a_57fc_8711_c7a964a2cb1c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberSuspenseContext.js lines 125–142

export function pushOffscreenSuspenseHandler(fiber: Fiber): void {
  if (fiber.tag === OffscreenComponent) {
    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
    // Reuse the current value on the stack.
    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
    // into separate functions for Activity, Suspense and Offscreen.
    push(suspenseStackCursor, suspenseStackCursor.current, fiber);
    push(suspenseHandlerStackCursor, fiber, fiber);
    if (shellBoundary === null) {
      // We're rendering hidden content. If it suspends, we can handle it by
      // just not committing the offscreen boundary.
      shellBoundary = fiber;
    }
  } else {
    // This is a LegacyHidden component.
    reuseSuspenseHandlerOnStack(fiber);
  }
}

Domain

Subdomains

Frequently Asked Questions

What does pushOffscreenSuspenseHandler() do?
pushOffscreenSuspenseHandler() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberSuspenseContext.js.
Where is pushOffscreenSuspenseHandler() defined?
pushOffscreenSuspenseHandler() is defined in packages/react-reconciler/src/ReactFiberSuspenseContext.js at line 125.
What does pushOffscreenSuspenseHandler() call?
pushOffscreenSuspenseHandler() calls 1 function(s): reuseSuspenseHandlerOnStack.
What calls pushOffscreenSuspenseHandler()?
pushOffscreenSuspenseHandler() is called by 2 function(s): deferHiddenOffscreenComponent, updateOffscreenComponent.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free