React Suspense enables declarative loading states and asynchronous rendering.
Code Splitting
typescript
import { Suspense lazy } from 'react';
const HeavyComponent = lazy(() => import('./HeavyComponent'));
function App() {
return (
<Suspense fallback={<div>Loading...</div>}>
<HeavyComponent />
</Suspense>
);
}Suspense enables smooth user experiences.