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 구성요소를 구축하거나 기존 UI 구성요소를 리팩토링할 때 사용합니다. 출처: vapvarun/claude-backup.

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/vapvarun/claude-backup --skill react-component 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

원본 보기