Standardize React 19 .tsx components and hooks with React Compiler patterns.
npx skills add https://github.com/cheetah-alo/NegritaOS --skill react-19-cheetah-alo
Please help me install this Agent Skill. Skill: react-19 Source: https://github.com/cheetah-alo/NegritaOS/tree/main/.codex/skills/react-19 Command: npx skills add https://github.com/cheetah-alo/NegritaOS --skill react-19-cheetah-alo
It prevents performance regressions and architectural mistakes by enforcing React 19 patterns that align with the React Compiler, correct Server/Client boundaries, and modern hook usage.
Use the react-19 skill when you are creating a React 19 .tsx component or hook and want the code to follow React Compiler-friendly patterns, correct Server/Client usage, and modern actions and refs.
High-intent search queries and answers about installing and using this skill.
No, you do not need useMemo and useCallback for React 19 components. The React Compiler handles automatic optimization, so manual memoization is unnecessary and discouraged to prevent accidental bugs and over-engineering.
Handle server form submissions and pending UI in React 19 by using Actions with the useActionState hook. This pattern standardizes server-driven forms and correctly tracks the pending state during server interactions.
You should pass ref as a prop in React 19 instead of using forwardRef. Treating ref as a standard prop is the modern pattern recommended to avoid unnecessary forwardRef usage and simplify component architecture.
Add the use client directive in a Next.js App Router project only when a component requires interactivity, client-side hooks, or browser APIs. Server Components should be the default to maintain correct boundaries.
Read promises in React 19 by using the use() hook for promise and suspense-like reads. This advanced primitive allows you to unwrap and access resolved promise values directly within your component tree.
React 19 requires named React imports for components. Standardizing named imports avoids default and namespace React imports that conflict with modern React Compiler patterns and architectural standards.
jinwoonghongDevelop full-stack TypeScript, React, and Next.js applications with type-safe APIs.
knckknckExplain React 19 Server Components, Actions, and new hooks.
frankxaiImplement React 19 and Next.js 15 patterns for Server Components, Client Components, and Server Actions.
ZESCODEStandardize React 18 and 19 component composition, state management, and data fetching patterns.
