React 18.3 introduces the `use` hook and `<Suspense>` component as official primitives for async data loading in client components. The `use` hook accepts a promise and acts like `await`, while `<Suspense>` provides a fallback UI during loading. Multiple components can share a single `<Suspense>` boundary or have individual ones. Error handling requires wrapping with an `ErrorBoundary` class component. On the server side, React Server Components support async/await directly in component functions, which is more performant than using `use`. Async server components cannot use any hooks, unlike regular server components.
4 Impressions