react-hook-form

Reduce re-renders in React Hook Form by applying isolated subscriptions via `useWatch` and optimizing `useForm` configurations. This Skill provides 41 rules across 8 categories to improve form rendering and validation speed.

Optimize validation performance in a multi-step React form by implementing `useWatch` for isolated subscriptions and configuring `useForm` efficiently. This approach ensures deterministic task execution and enhances overall form responsiveness.

Use `useController` and `useFieldArray` in React Hook Form for deterministic task execution and efficient field management. This Skill guides developers to write performant code by focusing on these hooks to satisfy requirements for improving validation speed.

Yes, you can refactor existing components by applying this Skill to optimize form handling performance. It targets files like src/components/MyForm.tsx to reduce re-renders and improve validation speed through efficient hook usage.

Client-side form validation causes performance bottlenecks due to inefficient hook usage triggering excessive re-renders. This Skill addresses these bottlenecks by providing rules for efficient `useForm` and `useWatch` implementations to ensure faster form handling.