Back to videos

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

Need help with this tutorial? Join our Discord community!