
React Hook Form
A solid collection of 41 performance rules organized by impact level, from critical form configuration choices like using onSubmit validation mode to smaller optimizations around field arrays and component integration. Most valuable for the subscription patterns, which are where React Hook Form performance actually lives or dies. The useWatch versus watch distinction alone saves countless re-renders. Categories are well thought out with clear prefixes for navigation. Covers the common pain points like shadcn Select wiring and Material-UI Controller patterns. Strictly client-side validation, so if you're doing React 19 Server Actions, this won't help. Best applied during initial form setup rather than as a debugging tool after things are already slow.
- skills.sh installs
- 3.1K
- GitHub stars
- 222
- last updated
- Aug 21, 2026
Install
$ npx -y skills add pproenca/dot-skills --skill react-hook-form --agent claude-codeInstalls into .claude/skills of the current project.
Files
React Hook Form Best Practices by Community
Comprehensive performance optimization guide for React Hook Form applications. Contains 35 rules across 7 categories, each naming a decision that goes wrong by default. Verified against react-hook-form 7.82.0.
When to Apply
Reference these guidelines when:
- Writing new forms with React Hook Form
- Configuring useForm options (mode, defaultValues, validation)
- Subscribing to form values with watch / useWatch / subscribe
- Integrating controlled UI components (MUI, shadcn, Ant Design)
- Managing dynamic field arrays with useFieldArray
- Handling async submit, server errors, and submit lifecycle state
- Reviewing forms for performance issues
When NOT to Use This Skill
- React 19 Server Actions /
useActionState— use thereact-19skill instead - Deeply nested, fully type-safe forms — TanStack Form may be a better fit for forms with complex nested schemas; this skill assumes you've already chosen RHF
- Single-input or trivial forms — uncontrolled
<form>+FormDatais often simpler than pulling in any library
Rule Categories by Priority
Sponsors
Details
- Repository
- github.com/pproenca/dot-skills
- Categories
- Frontend Development, Backend & APIs, Debugging
- First seen
- May 16, 2026
More from pproenca/dot-skills
All 100- Emilkowal Animations2.8K
- Nuqs2.4K
- Clean Architecture2K
- Typescript1.8K
- Code Simplifier1.6K
- Expo React Native Performance1.5K
- Nextjs1.2K
- Playwright1.2K
- Framer Motion1.2K
- Wxt Browser Extensions1.1K
- Msw897
- Tanstack Query858
- Clean Code857
- Terminal Ui853
- Ui Design827
- Typescript Refactor799
- React Refactor791
- Chrome Extension Ui732
- Shadcn732
- Chrome Extension729
- Shell704
- Tailwind657
- Refactor651
- Expo561