Optimize React 19 code to prevent unnecessary re-renders and boundary mistakes.
npx skills add https://github.com/remiconnesson/insights-garden --skill react-remiconnesson
Please help me install this Agent Skill. Skill: react Source: https://github.com/remiconnesson/insights-garden/tree/main/.agents/skills/react Command: npx skills add https://github.com/remiconnesson/insights-garden --skill react-remiconnesson
This Skill helps you write, review, and refactor React 19 code so it stays fast, predictable, and compatible with modern concurrent patterns. It reduces common mistakes that cause unnecessary re-renders, broken server-client boundaries, slow data loading, and fragile form logic.
Ask the AI to review your React 19 component or page and rewrite it using these best-practice rules.
High-intent search queries and answers about installing and using this skill.
Optimize React 19 performance by applying memoization and cleanup effects only where they genuinely improve behavior. Use transition APIs and deferred values to keep concurrent rendering predictable and avoid unnecessary re-renders.
Place client boundaries correctly by fetching data on the server and passing only serializable props to client islands. This prevents broken server-client boundaries and maintains progressive enhancement in React 19.
Refactor a sluggish React dashboard by moving data fetching server-side, splitting client islands, and using Suspense-based loading. Apply deferred values and batching to keep interfaces responsive during concurrent rendering.
Yes, this approach implements progressive-enhanced forms, Suspense-based loading, and reducer-driven logic in React 19. It ensures forms and data fetching remain compatible with concurrent rendering and performance-safe patterns.
Avoid memoization when it does not genuinely improve behavior or performance. Apply effect discipline and memoization selectively to prevent render waterfalls and avoid unnecessary overhead in production-ready React 19 UI code.
oakossGuide React 19+ patterns covering hooks, Server Components, and optimization.
pratikrath126Identify and apply React/Next.js performance best practices during code reviews.
s-hiraokuGuide Jotai atom design and usage for React state management.
thongdn-itApply 40 best-practice rules to optimize React 19 performance.
