Yup

Yup est une librairie de validation de données pour JavaScript simple et performante.

Exemple d'utilisation de Yup

Avec Yup, on décrit la forme attendue des données dans un schéma, par exemple un e-mail valide obligatoire et un mot de passe d'au moins 8 caractères, puis on valide un objet par rapport à ce schéma. Il retourne des erreurs explicites ou les données typées.

Yup est très utilisé avec React Hook Form pour valider les champs d'un formulaire. Voir cet article sur React Hook Form et Yup. Il s'intègre avec TypeScript pour déduire les types.

Un schéma Yup se déclare avec des méthodes chaînées, comme string().email().required() pour un e-mail obligatoire. La validation est asynchrone par défaut et peut renvoyer toutes les erreurs d'un coup, ce qui permet d'afficher les messages sous chaque champ d'un formulaire. Les messages d'erreur sont personnalisables, par exemple pour les traduire en français.