react-19

To eliminate manual memoization in React 19 components, rely on the React 19 compiler to automatically optimize component rendering performance without needing external tooling or explicit useMemo and useCallback hooks.

You need the use client directive when establishing client server boundaries for progressive client components within React server components, ensuring interactive UI elements render correctly on the client side while maintaining server component architecture.

The React 19 compiler handles server and client component boundaries by automatically optimizing rendering performance across these boundaries, allowing developers to design components around server components first while progressively adding client components where needed.

No external tooling is required to optimize React 19 component rendering, because the React 19 compiler automatically handles performance optimizations and eliminates the need for manual memoization when using proper import patterns and component boundaries.

The best way to use the use() hook for async data in React 19 is to read asynchronous data directly within properly annotated client components, streamlining data fetching and interactive UI without relying on explicit memoization hooks.

Prefer named imports in React 19 server components to maintain import hygiene and align with React 19 patterns, ensuring explicit usage that supports the compiler's automatic memoization and server client component boundary optimizations.