메뉴
Guide test-driven development using red-green-refactor. Use when building a new hook, fixing a bug test-first, or following TDD workflow in this React hooks library.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Run linting and formatting checks. Use when asked to lint, fix lint errors, check code style, or run ESLint and Prettier on the codebase.
Run the full test suite and report results. Use when asked to run tests, verify behavior, or check for regressions in the hooks library.
| name | tdd |
| description | Guide test-driven development using red-green-refactor. Use when building a new hook, fixing a bug test-first, or following TDD workflow in this React hooks library. |
| compatibility | Designed for Claude Code. Requires Node.js and npm. |
This is a React hooks library — all behavior is testable via renderHook.
Write a failing test in src/__tests__/<hook-name>.test.ts:
renderHook from @testing-library/reactnpm test and confirm it fails for the right reasonImplement the minimum hook code in src/<hook-name>.ts to pass:
npm test and confirm all tests passClean up without breaking tests:
npm run lint and npm run test:tsc to verifysrc/__tests__/use-is-mounted-ref.test.tssrc/__tests__/use-abort-controller.test.ts