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 |

使用 TypeScript 创建 React 组件，遵循挂钩、状态管理、可访问性和测试的最佳实践。在构建新的 UI 组件或重构现有组件时使用。 来源：vapvarun/claude-backup。

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/vapvarun/claude-backup --skill react-component 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用

安全认证，代码可靠安全 一键安装，配置简单 兼容 Claude Code、Cursor 等工具

查看原文