Remove manual memoization from React 19 components for React Compiler optimization.
npx skills add https://github.com/giruclawbot/giru-backup --skill react-19-giruclawbot
Please help me install this Agent Skill. Skill: react-19 Source: https://github.com/giruclawbot/giru-backup/tree/main/skills/react-19 Command: npx skills add https://github.com/giruclawbot/giru-backup --skill react-19-giruclawbot
This skill documents modern React 19 patterns to remove manual memoization and outdated component patterns, allowing developers to rely on the React Compiler and framework features for correct and efficient rendering.
Start by authoring server components by default, use named imports, avoid useMemo/useCallback, add "use client" only when you need state or event handlers, and use the documented action and use() patterns for async and server interactions.
High-intent search queries and answers about installing and using this skill.
You can remove manual memoization in React 19 by eliminating useMemo and useCallback from your components, relying entirely on the React Compiler to automatically handle stable identities and rendering optimizations.
You should add the "use client" directive in Next.js only when a component requires interactivity, such as managing state, handling effects, or responding to user event handlers.
The use() hook in React 19 allows you to read promises and conditional contexts directly within your components, enabling async data handling without manual memoization or complex wrapper setups.
The best way to manage form submissions is using server actions with useActionState, which handles form data transmission and tracks pending state indicators for interactive UI feedback.
Yes, React 19 supports ref-as-prop patterns, allowing you to pass ref as a normal prop directly to components without needing the forwardRef wrapper function.
Yes, the React Compiler works seamlessly when you default to server components, optimizing rendering efficiency while you use named imports and conditional "use client" boundaries for interactivity.
gohypergiantAnalyze React codebases to identify performance and quality issues.
BrunoAlanImplement React 19 patterns with the React Compiler across server and client components.
adbertramCodify React 19 patterns for server components, imports, and memoization.
crozzbiteProvide React 19 component patterns using the React Compiler without manual memoization.
