Home / Function/ bailoutOffscreenComponent() — react Function Reference

bailoutOffscreenComponent() — react Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  219a3239_d833_17eb_948a_bef7724b5517["bailoutOffscreenComponent()"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c["ReactFiberBeginWork.js"]
  219a3239_d833_17eb_948a_bef7724b5517 -->|defined in| 0be70812_cc0c_b210_f84f_8e61dd5f831c
  7ace11c1_e82a_4a1b_c698_6bb1566f0ae0["updateActivityComponent()"]
  7ace11c1_e82a_4a1b_c698_6bb1566f0ae0 -->|calls| 219a3239_d833_17eb_948a_bef7724b5517
  f4acdab6_f680_af63_8940_0259a68c2f48["updateSuspenseComponent()"]
  f4acdab6_f680_af63_8940_0259a68c2f48 -->|calls| 219a3239_d833_17eb_948a_bef7724b5517
  cff6838d_8fc0_b94c_3dcd_2def67940837["updateSuspenseFallbackChildren()"]
  cff6838d_8fc0_b94c_3dcd_2def67940837 -->|calls| 219a3239_d833_17eb_948a_bef7724b5517
  a8a1881a_9da1_7942_71cd_b9ab16efd50c["updateDehydratedSuspenseComponent()"]
  a8a1881a_9da1_7942_71cd_b9ab16efd50c -->|calls| 219a3239_d833_17eb_948a_bef7724b5517
  style 219a3239_d833_17eb_948a_bef7724b5517 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberBeginWork.js lines 806–824

function bailoutOffscreenComponent(
  current: Fiber | null,
  workInProgress: Fiber,
): Fiber | null {
  if (
    (current === null || current.tag !== OffscreenComponent) &&
    workInProgress.stateNode === null
  ) {
    const primaryChildInstance: OffscreenInstance = {
      _visibility: OffscreenVisible,
      _pendingMarkers: null,
      _retryCache: null,
      _transitions: null,
    };
    workInProgress.stateNode = primaryChildInstance;
  }

  return workInProgress.sibling;
}

Domain

Subdomains

Frequently Asked Questions

What does bailoutOffscreenComponent() do?
bailoutOffscreenComponent() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberBeginWork.js.
Where is bailoutOffscreenComponent() defined?
bailoutOffscreenComponent() is defined in packages/react-reconciler/src/ReactFiberBeginWork.js at line 806.
What calls bailoutOffscreenComponent()?
bailoutOffscreenComponent() is called by 4 function(s): updateActivityComponent, updateDehydratedSuspenseComponent, updateSuspenseComponent, updateSuspenseFallbackChildren.

Analyze Your Own Codebase

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

Try Supermodel Free