react-hook-form

Prevent unnecessary re-renders in React Hook Form by applying correct subscription strategies, such as isolating field subscriptions and using useWatch instead of watch, to minimize component updates during form validation.

The best way to wire React Hook Form with shadcn or MUI components is by using the useController hook, which provides safe patterns for integrating controlled third-party UI inputs while maintaining optimal performance.

useWatch differs from watch by enabling isolated subscriptions at the component level, which prevents re-rendering the entire form when a single field updates, significantly improving performance in complex controlled forms.

Manage dynamic field arrays without performance loss by using useFieldArray with targeted optimization patterns, following strict rules for configuration and state access to prevent excessive updates during dynamic field behaviors.

Yes, you can refactor existing React Hook Form validation flows by asking the AI to review components against 41 prioritized performance rules, using incorrect versus correct examples to guide code refactoring.

Integration bugs and inefficient subscriptions occur when form components bypass prioritized performance rules, use incorrect subscription strategies, or fail to properly wire useController with UI libraries, degrading validation flow performance.