react-hook-form

Optimize React Hook Form performance by applying categorized rules for form configuration, field subscriptions, controlled components, and validation patterns to reduce unnecessary re-renders.

Managing controlled component subscriptions with useForm involves applying effective useWatch, useController, and v7.55+ subscribe API patterns to isolate re-renders. This skill provides tooling mappings and rules to guide error-safe migrations and automated refactoring for reliable state management.

Yes, this React Hook Form optimization guidance includes specific integration patterns for popular UI libraries like MUI, shadcn, and Ant Design. It provides rules to ensure controlled components and field subscriptions interact efficiently with these external UI components.

Handle dynamic field arrays in React Hook Form by applying useFieldArray patterns and advanced optimization rules that minimize rendering overhead. This skill outlines specific scenarios and structured data retrieval techniques to maintain reliability in large, dynamic forms.

Use the v7.55+ subscribe API instead of useWatch in React Hook Form when you need advanced state management and subscription optimizations to prevent excessive rendering. This skill categorizes these specific subscription rules to guide automated, error-safe code migrations.