react-19

Refactoring TSX components for React 19 involves removing manual memoization and relying on the React Compiler to handle optimization automatically. This Skill guides applying server-components-first rules and explicit imports to align with new conventions.

The server-components-first approach in the Next.js App Router defaults to rendering components on the server to reduce client-side JavaScript. This Skill helps establish proper server and client component boundaries using 'use client' directives.

The React Compiler is essential for applying React 19 patterns automatically without manual memoization. This Skill uses the compiler to enforce conventions across server and client components, ensuring boilerplate reduction and future compatibility.

Handling refs as props in React 19 TSX files requires passing ref attributes directly to child components instead of using forwardRef. This Skill enforces ref-as-prop patterns and other React Compiler rules during the refactoring process.

Yes, this Skill supports Next.js 15 compatibility by guiding teams migrating to React 19 and adopting the App Router. It covers server actions, 'use client' guidance, and 'use()' semantics for a smooth transition.