react-hook-form

Reduce unnecessary re-renders in React Hook Form by isolating subscriptions and leveraging stable references. Apply rules for useWatch, useController, and FormProvider to ensure only affected fields update during input changes.

Optimize dynamic field arrays by applying useFieldArray rules that minimize subscription scopes. Isolate re-renders to individual array items and leverage defaultValues to prevent full form re-rendering during field additions or removals.

Yes, these React Hook Form optimization rules apply to forms integrating with heavy UI libraries. The guidelines cover cross-library integration strategies using useController to isolate renders and maintain smooth client-side performance.

Configure shouldUnregister and resolvers to improve form performance by applying specific config and validation rules. These strategies minimize active subscriptions and optimize validation execution across large, complex forms.

Form performance degrades when scaling because unisolated subscriptions trigger widespread re-renders. Applying rules for stable subscriptions, shouldUnregister, and FormProvider strategies isolates updates and restores client-side performance.

Use useController for direct field integrations and useWatch for isolated component subscriptions. Applying these subscription rules correctly isolates re-renders, preventing parent components from updating on every keystroke.