React 19 · Performance and transitions
Load a component on demand
Split code and show a fallback while it loads.
const Chart = lazy(() => import("./Chart"));
<Suspense fallback={<p>Loading...</p>}>
<Chart />
</Suspense>
Official React 19 documentation
More performance and transitions commands
- Cache a calculation
- Cache a function
- Skip re-rendering a component
- Keep the UI responsive during an update
All performance and transitions commands · React 19 cheatsheet