What is Lazy Loading, Suspense. How do they work?

Question

Accepted Answer

Lazy Loading and Suspense are techniques used to improve performance by loading components and data only when needed.

Lazy Loading delays the loading of non-critical resources until they are needed, reducing initial load time.
Suspense allows components to wait for data to load before rendering, improving user experience.
Lazy Loading and Suspense can be used together to optimize performance and user experience.
Example: A website with a large image gallery can use Lazy Loading to only load images as the user scrolls down the page, reducing initial load time.
Example: A React component can use Suspense to wait for data to load before rendering, preventing empty or broken components from being displayed.

Top Cognizant React Developer interview questions & answers