react-19

You can eliminate manual memoization in React components by adopting React Compiler optimization patterns, removing all manual useMemo and useCallback usage, and using named imports for automatic rendering optimizations.

React 19 server components require using named imports from React rather than default imports, applying a server-components-first approach for data fetching while deferring interactivity to client components.

The use hook in React 19 allows you to suspend promises and handle context-driven behavior directly within your components, replacing complex manual memoization logic for data transformations.

Yes, React 19 treats ref as a normal prop rather than an actual React ref, allowing you to pass it directly to components without needing forwardRef or manual callback ref memoization.

You should avoid manual useMemo and useCallback in React lists, event handlers, and data transformations where memoization would be overkill, relying instead on the React Compiler for automatic optimizations.