react-19

To write React 19 components without manual memoization, rely on the compiler-driven optimization by removing useMemo and useCallback, and adopt a server component-first approach with proper hook-based patterns.

You do not need useMemo and useCallback in React 19 for performance, as the compiler-driven optimization automatically handles memoization, reducing boilerplate while ensuring efficient component rendering.

You should use 'use client' in React 19 only when interactivity is required. The recommended approach is server components first, introducing client component boundaries solely for interactive needs.

The use() hook works with Suspense in React 19 by consuming promises directly within your components, enabling asynchronous data fetching patterns without requiring higher-order wrappers or complex state management.

The best way to handle imports is using named imports from React for tree-shaking, while treating ref as a prop to simplify component APIs, ensuring clean boundaries between server and client components.