0

What’s the difference between “tearing” and “flickering” in concurrent rendering?

author
subina kallyani
hard
1
14

Answer
  • Tearing: Different components render different snapshots of state at the same time → inconsistent UI.
  • Flickering: UI commits temporarily to an intermediate state before React finishes rendering the intended state.
    React solves tearing with atomic commit phases and useSyncExternalStore. Flickering is mitigated with startTransition and Suspense boundaries to ensure only complete UI snapshots are shown.

Click to Reveal Answer

Tap anywhere to see the solution

Revealed

Comments0