react-patterns

The React Compiler automatically memoizes compiler-friendly components, eliminating manual optimization. Write pure components with serializable props, derive values during render, and use inline event handlers to enable compiler recognition and automatic performance gains without code changes.

Use `useActionState` to handle form mutations server-side and `useOptimistic` to instantly reflect changes in the UI before the server responds. This pattern provides built-in validation, error handling, and a seamless user experience with minimal boilerplate.

React Actions suit form-centric, server-driven workflows with built-in validation and streaming. TanStack Query works better for client-side cache management and complex async workflows. Choose based on whether your mutations are server-initiated or client-managed.

The `use` hook unwraps Promises and Context values, enabling components to suspend until data resolves. It integrates seamlessly with Suspense for cleaner async data handling and context consumption patterns.

Yes. Opt in gradually by marking components with 'use no memo' during refactoring. The compiler coexists with manual memoization; enable it incrementally as you adopt compiler-friendly patterns like pure props and inline handlers.

React 19 Actions, the Compiler, and new hooks support SPA, SSR, and hybrid architectures. Server Actions execute server-side, streaming responses work with Suspense, and compiler optimization applies across all rendering modes.