commitUpdate() — react Function Reference

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

Function javascript BabelCompiler Validation calls 2

Entity Profile

BabelCompiler→ Validation→ commitUpdate() — react Function Reference

Dependency Diagram

graph TD
  b0db61bf_6899_7278_59eb_cf5999d37adb["commitUpdate()"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1["ReactFiberConfigNative.js"]
  b0db61bf_6899_7278_59eb_cf5999d37adb -->|defined in| 3d20f780_732d_dfbf_ddf9_cb13ba9949a1
  a3af4076_63d3_1b05_7bec_4cd508947abf["updateFiberProps()"]
  b0db61bf_6899_7278_59eb_cf5999d37adb -->|calls| a3af4076_63d3_1b05_7bec_4cd508947abf
  42fc5fbd_4eb6_9b1e_14bf_cd6b0d814927["diff()"]
  b0db61bf_6899_7278_59eb_cf5999d37adb -->|calls| 42fc5fbd_4eb6_9b1e_14bf_cd6b0d814927
  style b0db61bf_6899_7278_59eb_cf5999d37adb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-native-renderer/src/ReactFiberConfigNative.js lines 445–468

export function commitUpdate(
  instance: Instance,
  type: string,
  oldProps: Props,
  newProps: Props,
  internalInstanceHandle: Object,
): void {
  const viewConfig = instance.viewConfig;

  updateFiberProps(instance._nativeTag, newProps);

  const updatePayload = diff(oldProps, newProps, viewConfig.validAttributes);

  // Avoid the overhead of bridge calls if there's no update.
  // This is an expensive no-op for Android, and causes an unnecessary
  // view invalidation for certain components (eg RCTTextInput) on iOS.
  if (updatePayload != null) {
    UIManager.updateView(
      instance._nativeTag, // reactTag
      viewConfig.uiViewClassName, // viewName
      updatePayload, // props
    );
  }
}