1 00:00:02,490 --> 00:00:09,000 Nous avons donc travaillé sur ces formulaires ici ou sur ces entrées où nous pouvons récupérer les entrées des utilisateurs pour ajouter de 2 00:00:09,450 --> 00:00:14,840 nouveaux produits et c'est bien sûr une chose essentielle que vous devrez probablement faire dans n'importe quelle application. 3 00:00:14,850 --> 00:00:20,400 Maintenant, ici, je vous ai montré tous les détails concrets nécessaires pour configurer tout cela à partir de 4 00:00:20,430 --> 00:00:26,400 zéro et bien sûr, ce n'est qu'une approche possible. Vous auriez pu gérer tous les 5 00:00:26,400 --> 00:00:35,730 états individuellement avec plusieurs états d'état d'utilisation dans un composant. Ici à la place, j'utilise use reducer et cet état fusionné pour avoir 6 00:00:35,730 --> 00:00:42,420 tout l'état qui appartient ensemble et j'utilise un composant séparé pour l'entrée réelle et son étiquette et le 7 00:00:42,420 --> 00:00:46,970 texte d'erreur et la validation de ce texte d'entrée et bien sûr 8 00:00:47,100 --> 00:00:52,410 c'est aussi juste un modèle possible. Maintenant, en production bien sûr, vous ne voudrez 9 00:00:52,410 --> 00:00:54,750 peut-être pas réinventer la roue tout le 10 00:00:54,750 --> 00:00:59,910 temps, donc au lieu d'écrire toute cette logique de validation manuellement ici, comme je l'ai déjà 11 00:00:59,910 --> 00:01:06,870 mentionné, vous voudrez peut-être consulter des solutions comme ValidateJS qui vous donne des modèles de validation préconfigurés et fonctionnalités, afin que vous 12 00:01:07,290 --> 00:01:11,280 n'ayez pas à ajouter votre propre regex e-mail et ainsi de suite. 13 00:01:11,280 --> 00:01:17,400 Vous pouvez également consulter des packages tels que formik, qui est un package React tiers qui fonctionne également pour 14 00:01:17,400 --> 00:01:22,770 React Native, ce qui facilite encore plus l'ajout et la validation de formulaires et vous pouvez consulter 15 00:01:22,890 --> 00:01:27,710 les documents officiels pour en savoir plus et pour savoir également comment utilisez-le dans les 16 00:01:27,720 --> 00:01:30,900 applications React Native car vous y trouverez une description. 17 00:01:30,930 --> 00:01:35,580 Cependant, j'ai trouvé plus intéressant de vous montrer ce qui se passe dans les coulisses et comment vous pouvez configurer 18 00:01:35,580 --> 00:01:40,290 quelque chose comme ça à partir de zéro, car en fin de compte, ce cours vise à devenir développeur et non 19 00:01:40,290 --> 00:01:42,700 à devenir un copieur et un copieur, je suppose. 20 00:01:42,750 --> 00:01:48,600 J'espère donc que cela a été utile pour comprendre ce qui se passe dans les coulisses, comment vous pouvez 21 00:01:48,600 --> 00:01:51,630 gérer la validité et les valeurs de manière élégante 22 00:01:51,720 --> 00:01:57,810 et réutilisable et nous réutiliserons également les entrées plus tard dans la section d'authentification une fois que nous ajouterons également un 23 00:01:57,810 --> 00:02:03,690 écran d'authentification et là, nous verra ensuite à quel point il est facile d'ajouter un autre formulaire à cette application.