0
What’s the difference between “tearing” and “flickering” in concurrent rendering?
subina kallyani
hard
1completed
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 anduseSyncExternalStore. Flickering is mitigated withstartTransitionand Suspense boundaries to ensure only complete UI snapshots are shown.
Click to Reveal Answer
Tap anywhere to see the solution
Revealed
Comments0