react-component

SKILL.md

| State mutation | state.push(item) | [...state, item] | | Missing key | List renders slow | Use unique key prop | | Object in deps | Infinite loop | useMemo for objects | | Missing cleanup | Memory leak | Return cleanup function | | Stale closure | Wrong values | Add to dependency array | | Over-rendering | Slow UI | React.memo, useMemo |

Create React components with TypeScript, following best practices for hooks, state management, accessibility, and testing. Use when building new UI components or refactoring existing ones. Source: vapvarun/claude-backup.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/vapvarun/claude-backup --skill react-component Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw