react-hook-form
✓使用 useForm、useWatch、useController 和 useFieldArray 對客戶端表單驗證進行 React Hook Form 性能優化。當使用 React Hook Form 庫構建客戶端控制的表單時，應該使用此技能。此技能不涵蓋 React 19 服務器操作、useActionState 或服務器端表單處理（使用 React-19 技能）。
SKILL.md
Comprehensive performance optimization guide for React Hook Form applications. Contains 41 rules across 8 categories, prioritized by impact to guide form development, automated refactoring, and code generation.
| 1 | Form Configuration | CRITICAL | formcfg- | | 2 | Field Subscription | CRITICAL | sub- | | 3 | Controlled Components | HIGH | ctrl- | | 4 | Validation Patterns | HIGH | valid- | | 5 | Field Arrays | MEDIUM-HIGH | array- | | 6 | State Management | MEDIUM | formstate- | | 7 | Integration Patterns | MEDIUM | integ- | | 8 | Advanced Patterns | LOW | adv- |
Read individual reference files for detailed explanations and code examples:
使用 useForm、useWatch、useController 和 useFieldArray 對客戶端表單驗證進行 React Hook Form 性能優化。當使用 React Hook Form 庫構建客戶端控制的表單時，應該使用此技能。此技能不涵蓋 React 19 服務器操作、useActionState 或服務器端表單處理（使用 React-19 技能）。 來源：thongdn-it/react-agent-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/thongdn-it/react-agent-skills --skill react-hook-form- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 react-hook-form？
使用 useForm、useWatch、useController 和 useFieldArray 對客戶端表單驗證進行 React Hook Form 性能優化。當使用 React Hook Form 庫構建客戶端控制的表單時，應該使用此技能。此技能不涵蓋 React 19 服務器操作、useActionState 或服務器端表單處理（使用 React-19 技能）。 來源：thongdn-it/react-agent-skills。
如何安裝 react-hook-form？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/thongdn-it/react-agent-skills --skill react-hook-form 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/thongdn-it/react-agent-skills
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01