react-19

To remove manual memoization in React 19, refactor components to rely on the React compiler for automatic optimization, eliminating the need for manual useMemo and useCallback hooks in common cases.

The server components first pattern in React 19 enforces building with server components by default and adding client components only where needed, minimizing boilerplate and optimizing component boundaries.

You can use the use() hook with React 19 compiler optimization by applying documented patterns like use(), useActionState, and ref-as-prop to simplify component logic alongside explicit named imports from React.

Yes, you need explicit named imports for React 19 hooks because the architecture promotes named imports from React and avoids legacy default imports to align with compiler-based optimization.

Limitations of using React 19 compiler patterns include the strict requirement for alignment with named imports, a server components-first architecture, and specific documented patterns like useActionState and ref-as-prop.