Merci Melvyn, je sors d'une formation en ligne comme tu aimes ^^ et j'avoue qu'on m'a appris la technique du controlled, qui en soit m'a perturbé des le départ et maintenant grace a toi je sais pourquoi :) Merci pour la vidéo
Je débute sur React et vraiment tu me sauves la mise surtout depuis que l'on s'amuse avec TypeScript, c'est beaucoup plus clair pour moi de ne pas utiliser des hooks pour un form. Merci
Le moyen de plus simple de faire des formulaires React c'est d'utiliser formik / react-hook-form , avec une validation des formulaires (ex: yup). Le cas présenté fonctionne très bien mais il est aussi très basique.
NON ! Désolé... Ce n'est pas le moyen le plus **simple** car tu dois utiliser une library + maîtriser cette librairie + utiliser yup Alors c'est le meilleur moyen mais c'est loin d'être le plus simple... C'est une vidéo pour débutant, avant d'utiliser react-hooks-form faudrait mieux maîtriser ça ;)
@@melvynxdev Je suis d'accord qu'un débutant doit passer par là et comprendre ce qu'un input controlled / uncontrolled. Dans le cadre de ton exemple je suis d'accord. Mais ta méthode n'est pas du tout adapté à ce qui ce fait partout... Par exemple : Page de création de compte avec une bonne UX (Validation des champs sur le onChange) : - Mot de passe (On veut afficher a l'utilisateur, un indicateur lui montrant la robustesse de son mdp.. lui dire qu'il manque un chiffre, une lettre, un caractère spéciale etc.. ) - Confirmation de mot de passe (Ne s'affiche que si le mdp est valide ...) Je relis ton titre après ça, et je me dis non, il n'y a pas de méthode universelle pour créer des formulaires, sans parler de react-hook-form ici, souvent il est nécessaire de devoir gérer l'état de ses formulaires. Et là finalement dans ton exemple c'est juste un formulaire en javascript, y'a pas grand chose à voir avec React ;)
@@jonathan.p 100% d’accord avec toi. Son exemple reste très basique. Récupération des données sans vérification. Et puis react hook form n’est pas si compliqué à comprendre car la doc est très bonne. De plus il y a un éditeur de formulaire pour générer du code.
Bon travail. J'avoue que j'avais fui react à cause de ses histoires de hooks , state et d'autres bla bla bla ... sans oublier aussi les histoires de redux. Mais là tu me fais revenir car je comprends mieux maintenant. Très bonne vidéo. 👍🙌
Merci ! Mais si on veut envoyer les infos du formulaire à un composant parent via les props, est ce que la persistance du DOM suffit entre les deux rerender des composants ? Comme le permet les useState ?
Hello, cette astuce est bien pour un simple formulaire, mais aussitôt que tu veux faire un control continue le useState est conseillé, car tu regardes en live ce que l'utilisateur écrire
Oui, mais dans 90% des cas les débutants utilisent useState alors qu’il ne contrôle pas le formulaire Mieux vaut partir sur ma méthode au départ et changer avec un useState au besoin
Bonjour, Petite question pratique, comment fait tu pour que Eslint te donne les erreurs en inline ? c'est super pratique ^^. Sinon super vidéo merci je vais repenser mes formulaires .
Mec c'est bizarre mais quand j'install react-hook-form dans mon projet nextJs on me dit < Impossible de localiser le module 'react-hook-form' ou les déclarations de type correspondantes.>
Merci Melvyn, je sors d'une formation en ligne comme tu aimes ^^ et j'avoue qu'on m'a appris la technique du controlled, qui en soit m'a perturbé des le départ et maintenant grace a toi je sais pourquoi :) Merci pour la vidéo
Merci ahah parfait
Je débute sur React et vraiment tu me sauves la mise surtout depuis que l'on s'amuse avec TypeScript, c'est beaucoup plus clair pour moi de ne pas utiliser des hooks pour un form. Merci
Ça fait plaisir merci beaucoup !
Le moyen de plus simple de faire des formulaires React c'est d'utiliser formik / react-hook-form , avec une validation des formulaires (ex: yup). Le cas présenté fonctionne très bien mais il est aussi très basique.
NON ! Désolé...
Ce n'est pas le moyen le plus **simple** car tu dois utiliser une library + maîtriser cette librairie + utiliser yup
Alors c'est le meilleur moyen mais c'est loin d'être le plus simple...
C'est une vidéo pour débutant, avant d'utiliser react-hooks-form faudrait mieux maîtriser ça ;)
@@melvynxdev Je suis d'accord qu'un débutant doit passer par là et comprendre ce qu'un input controlled / uncontrolled. Dans le cadre de ton exemple je suis d'accord. Mais ta méthode n'est pas du tout adapté à ce qui ce fait partout... Par exemple :
Page de création de compte avec une bonne UX (Validation des champs sur le onChange) :
- Mot de passe (On veut afficher a l'utilisateur, un indicateur lui montrant la robustesse de son mdp.. lui dire qu'il manque un chiffre, une lettre, un caractère spéciale etc.. )
- Confirmation de mot de passe (Ne s'affiche que si le mdp est valide ...)
Je relis ton titre après ça, et je me dis non, il n'y a pas de méthode universelle pour créer des formulaires, sans parler de react-hook-form ici, souvent il est nécessaire de devoir gérer l'état de ses formulaires. Et là finalement dans ton exemple c'est juste un formulaire en javascript, y'a pas grand chose à voir avec React ;)
@@jonathan.p 100% d’accord avec toi.
Son exemple reste très basique. Récupération des données sans vérification.
Et puis react hook form n’est pas si compliqué à comprendre car la doc est très bonne. De plus il y a un éditeur de formulaire pour générer du code.
Bon travail.
J'avoue que j'avais fui react à cause de ses histoires de hooks , state et d'autres bla bla bla ... sans oublier aussi les histoires de redux.
Mais là tu me fais revenir car je comprends mieux maintenant.
Très bonne vidéo.
👍🙌
Meric beaucoup !
Sympa ce tutoriel pour utiliser React sans React
xDD
Merci frérot..... trois ans dans le dev et jamais j'y ai pensé 💪omg
Ah génial !
Salut Melvin ! Recommandes-tu la méthode : const userData = Object.fromEntries(formData) après le const FormData = new FormData(form) ?
hmmm je le recommande pas forcément c'est moins explicite
Merci ! Mais si on veut envoyer les infos du formulaire à un composant parent via les props, est ce que la persistance du DOM suffit entre les deux rerender des composants ? Comme le permet les useState ?
Le mieux est d'utiliser une librairies
@@melvynxdev quelle librairie tu conseilles ?
Merci beaucoup pour cette vidéo mon gars !
Merci à toi !
Hello, cette astuce est bien pour un simple formulaire, mais aussitôt que tu veux faire un control continue le useState est conseillé, car tu regardes en live ce que l'utilisateur écrire
Oui, mais dans 90% des cas les débutants utilisent useState alors qu’il ne contrôle pas le formulaire
Mieux vaut partir sur ma méthode au départ et changer avec un useState au besoin
Merci pour tes vidéos
Merci à toi
Bonjour, Petite question pratique, comment fait tu pour que Eslint te donne les erreurs en inline ? c'est super pratique ^^. Sinon super vidéo merci je vais repenser mes formulaires .
Hello, c'est ErrorLens si je me trompe pas
@@melvynxdev yes c'est ça merci j'aime beaucoup cette extension ;)
Merci pour la video
Merci ❤️
Mec c'est bizarre mais quand j'install react-hook-form dans mon projet nextJs on me dit < Impossible de localiser le module 'react-hook-form' ou les déclarations de type correspondantes.>
Ah oui faut installer les types parfois c'est séparer
@@melvynxdev Ahh d'accord je vois
Au top 😄
Merci :D
Ca commence à se compliquer lorsqu'on doit gérer des groupes de checkbox.
Non ça vas, le dom est bien fait
Comment tu fais pour afficher les messages d'erreur de validation de donnée ?
avec un state et le onSubmit ou des librairie tierce
Et ref ? C'est pas mieux ?
non
tu tue react
T’as capté quand t’as bavé ? 😂
Non mdr
Le Kent C. Dodds SUISSE
Il est beau ce commentaire