react-hook-form

To optimize React Hook Form and stop unnecessary re-renders, apply deterministic performance rules across form configuration and field subscription. This skill audits your project to produce a prioritized optimization plan with concrete refactoring patterns for complex forms.

Managing performance with useFieldArray and dynamic fields involves applying specific optimization rules within the Field Arrays category. This skill provides actionable refactoring patterns to minimize renders while handling dynamic field operations in complex forms.

You can optimize React Hook Form controlled components using MUI or shadcn by applying integration patterns that preserve controlled behavior while reducing re-renders. The skill provides UI library integration guidance for common libraries like MUI, shadcn, and Radix.

Auditing a React project for React Hook Form performance issues involves evaluating useForm, useWatch, and useController implementations against eight category rules. The skill generates a quick-start audit producing a prioritized optimization plan with ready-to-apply code changes.

You need to refactor useWatch and useController for state management optimization when complex forms experience degraded performance from broad state subscriptions. The skill codifies state management rules to guide targeted refactoring and minimize rendering overhead.