Cuéntame sobre React Hook Form: sus principales características, cómo se usa, cómo funciona la validación?

React Hook Form es una biblioteca para gestionar formularios en React que utiliza hooks para un control sencillo y eficiente del estado del formulario.

Funciones principales:

• Gestión del estado del formulario sin necesidad de crear componentes controlados.
• Soporte para validación basada en esquemas (por ejemplo, con Yup) o reglas integradas.
• Mínimos re-renderizados para mejorar el rendimiento.
• Integración sencilla con bibliotecas de UI.

Uso:

import { useForm } from 'react-hook-form';

function MyForm() {
  const { register, handleSubmit, formState: { errors } } = useForm();

  const onSubmit = data => console.log(data);

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register('username', { required: 'El nombre es obligatorio' })} />
      {errors.username && <p>{errors.username.message}</p>}

      <input type="submit" />
    </form>
  );
}

La validación funciona mediante reglas pasadas a la función register o a través de esquemas externos. Al enviar, handleSubmit verifica los datos y, si hay errores, estos están disponibles en formState.errors. Esto facilita mostrar mensajes de error y bloquear el envío del formulario en caso de datos incorrectos.