batchedUpdates() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1

Entity Profile

BabelCompiler→ Validation→ batchedUpdates() — react Function Reference

Dependency Diagram

graph TD
  b7455b38_0a5f_98b8_80f7_72b10f1f60c9["batchedUpdates()"]
  cb0565f2_ac6f_4c74_0235_a8c5f28c4334["ReactGenericBatching.js"]
  b7455b38_0a5f_98b8_80f7_72b10f1f60c9 -->|defined in| cb0565f2_ac6f_4c74_0235_a8c5f28c4334
  a8c29b3e_9d77_1dbe_8514_5be46256fc32["batchedUpdatesImpl()"]
  b7455b38_0a5f_98b8_80f7_72b10f1f60c9 -->|calls| a8c29b3e_9d77_1dbe_8514_5be46256fc32
  style b7455b38_0a5f_98b8_80f7_72b10f1f60c9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-native-renderer/src/legacy-events/ReactGenericBatching.js lines 24–36

export function batchedUpdates(fn, bookkeeping) {
  if (isInsideEventHandler) {
    // If we are currently inside another batch, we need to wait until it
    // fully completes before restoring state.
    return fn(bookkeeping);
  }
  isInsideEventHandler = true;
  try {
    return batchedUpdatesImpl(fn, bookkeeping);
  } finally {
    isInsideEventHandler = false;
  }
}