Implement React 19 patterns with the React Compiler across server and client components.
npx skills add https://github.com/BrunoAlan/agents-skills --skill react-19-brunoalan
Please help me install this Agent Skill. Skill: react-19 Source: https://github.com/BrunoAlan/agents-skills/tree/main/skills/react-19 Command: npx skills add https://github.com/BrunoAlan/agents-skills --skill react-19-brunoalan
Developers often struggle to implement React 19 patterns consistently across projects, especially when leveraging the React Compiler for performance optimizations.
Create a sample page that demonstrates a server component rendering a list, a client component handling a button click, and appropriate imports as shown in the examples.
High-intent search queries and answers about installing and using this skill.
To structure server and client components in Next.js App Router, write server components by default and switch to client components only for interactivity. Define explicit import rules and server/client boundaries to satisfy React 19 conventions.
You do not need forwardRef in React 19 when using the React Compiler. React 19 allows passing refs as props directly, avoiding unnecessary forwardRef complexity for component development.
The use() hook works in React 19 by suspending data fetching within the component tree. It allows developers to read promises directly and pause rendering until data resolves, optimizing server-first rendering patterns.
The best way to define server/client boundaries with Server Actions is by establishing explicit import rules. Structure your components within the Next.js architecture to maximize server rendering while isolating client interactivity.
You should switch from a server component to a client component in React 19 when you need client-side interactivity, such as handling button clicks. Keep server components as the default for rendering lists and static content.
The React Compiler powers React 19 patterns effectively with TypeScript. Using TypeScript helps enforce explicit import rules and component boundaries, ensuring correct application of server-first and client interactivity conventions.
habrahgithubApply App Router component patterns to Next.js projects for server-first rendering.
nathanielcrowell12-specImplement Next.js 15 server components, client components, server actions, and API routes.
0xarcanoGuide React component architecture with compound components and context providers.
dtabordaRefactor React components to use React Compiler optimizations and server components.
