Standardize React component design, hooks, state, and testing patterns.
npx skills add https://github.com/miptah21/skills --skill react-patterns-miptah21
Please help me install this Agent Skill. Skill: react-patterns Source: https://github.com/miptah21/skills/tree/main/.agents/skills/react-patterns Command: npx skills add https://github.com/miptah21/skills --skill react-patterns-miptah21
It reduces inconsistent React codebases by giving production-ready component, hooks, state, performance, and testing patterns that help you avoid common anti-patterns.
Use the react-patterns skill to review your React component and refactor it to follow hook rules, lift state appropriately, and improve performance with targeted optimizations.
High-intent search queries and answers about installing and using this skill.
Structure React components by applying single responsibility, choosing server, client, presentational, or container patterns, and prioritizing composition over inheritance to build cleaner, production-ready apps.
Manage state by selecting the right approach for your needs—local state, context, server state via React Query or SWR, or global stores like Zustand or Redux Toolkit—while keeping hook order stable and extracting reusable custom hooks.
Optimize React performance by profiling first, then applying virtualization and memoization appropriately, while structuring error boundaries and recovery behaviors to handle runtime errors gracefully.
Yes, the approach fully supports React 19 patterns, leveraging modern hooks and compiler benefits alongside safe TypeScript typing for props, events, refs, and children across common UI and data-fetching scenarios.
Prioritize your React tests by user impact, structuring a mix of unit, integration, and end-to-end tests to ensure deterministic hook behavior and validate component responsibilities effectively.
markus41Develop React 18+ apps with Vite and TypeScript.
vnmoorthyMonitor live apps for console errors and performance regressions post-deploy.
AI-Foundry-CoreManage React state across local, global, and server contexts.
wshobsonDesign reusable web UI components with patterns and styling approaches.
