react-19

React 19's compiler automatically optimizes rendering without manual memoization. Use named imports, apply server-components-first patterns, and add 'use client' only where interactivity is required to let the compiler handle optimization.

Server components render on the server by default, reducing bundle size and enabling secure data access. Client components handle interactivity and browser APIs. Mark client boundaries explicitly with 'use client' to enforce this separation.

Start with server components as your default. Use named imports for React APIs, add 'use client' directives only to components requiring user interaction, and leverage the use() hook and server actions to manage server-client boundaries effectively.

The use() hook unwraps promises and context in client and server components, enabling async data handling at component level. Apply it where you need to pass server-resolved values to client components across boundaries.

No. The React Compiler automatically detects and applies memoization where needed. Follow server-components-first conventions and use named imports to ensure the compiler can optimize your component tree effectively.

Yes. Server actions work seamlessly with client components, allowing you to call server-side logic from interactive UI without exposing backend code. Mark functions with 'use server' and call them from 'use client' components.