Answer
Layout shifts occur when UI elements move unexpectedly. React may cause them due to conditional rendering inserts, async content changing structure, or Suspense fallbacks.
Quick Answer
Layout shifts happen when elements change position after initial paint — a classic CLS problem. React can cause this with useEffect that modifies layout (adding elements, changing sizes) after the browser painted. useLayoutEffect runs before paint, preventing visible layout jumps. Also, ensure images have explicit width/height attributes.
S
SugharaIQ Editorial Team
Verified Answer
This answer has been peer-reviewed by industry experts holding senior engineering roles to ensure technical accuracy and relevance for modern interview standards.
Want to bookmark, take notes, or join discussions?
Sign in to access all features and personalize your learning experience.
Source: SugharaIQ