Gestion d'erreurs de formulaire avec React Hook Form - Tuto React Native TypeScript

Comment mettre en place de la gestion d'erreur, validation et verification de formulaire en React Native TypeScript à l'aide de la librairie React Hook Form ?
Dans cette vidéo nous allons voir comment valider des formulaires et afficher les erreurs de saisie facilement à l'aide de React Hook Form combiné au resolver Yup.

Vous apprendrez à :

  • définir des règles de validation de champ avec Yup
  • afficher des erreurs sur des champs de formulaire
  • submit le formulaire uniquement quand tout est valide
  • changer de mode de trigger React Hook Form

Les liens utiles :

Le code source de démarrage (starter pack)
https://github.com/wass08/react-native-hook-form-tutorial-starter

Le code source final
https://github.com/wass08/react-native-hook-form-tutorial-final

La documentation de React Hook Form
https://react-hook-form.com/

La documentation de Yup
https://github.com/jquense/yup

reactnative #reacthookform #TypeScript