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 等工具

查看原文