react-19

Avoid manual memoization in React 19 because the React Compiler handles optimization automatically. Instead, focus on writing straightforward components and hooks, letting the compiler manage re-render prevention.

Always use explicit named imports for React 19 components and hooks in TypeScript. This modern pattern ensures compatibility with the React Compiler and maintains strict server/client component boundaries.

Use client components in React 19 only when you need interactivity, state, or browser APIs. Apply the server-components-first approach by default, moving components to the client solely when those specific client-side requirements arise.

Yes, the React Compiler works with Next.js App Router and TypeScript projects. Following React 19 patterns like explicit named imports and avoiding manual memoization ensures your components respect the compiler's rules across server and client boundaries.

React 19 components break across server/client boundaries when patterns violate the React Compiler rules. Ensure you follow a server-components-first approach, use explicit named imports, and properly separate server and client component logic.