القائمة
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