Construisez de meilleurs formulaires avec Formik

Formik est un moyen alternatif et plus efficace de créer des formulaires React, en maintenant la logique de votre formulaire React organisée et en facilitant les tests, la refactorisation et le raisonnement général. Nous montrons comment utiliser les fonctionnalités de Formik pour créer de meilleures formes React.

React nous fournit tout ce dont nous avons besoin pour créer de très bonnes formes. Cependant, il nous appartient de construire la logique de nos formes React. Au moment de la rédaction de ce document, tout en travaillant avec les formulaires React, c’est à nous, développeurs, de créer des fonctions de logique de production dans nos formulaires. Des éléments tels que la validation, la gestion des erreurs, la soumission de formulaires, etc., doivent être explicitement pris en charge par le développeur. Ces tâches prennent beaucoup de temps et sont, la plupart du temps, répétitives.

Dans cet article, nous verrons comment créer de meilleurs formulaires React avec Formik. Formik est une petite bibliothèque qui vous aide à résoudre les trois principaux problèmes de formulaire React:

1. Gestion des valeurs dans l'état du formulaire
2. Messages de validation et d'erreur
3. Gestion de la soumission d'un formulaire

En corrigeant tout ce qui précède, Formik conserve les informations organisé, facilitant ainsi les tests, la refactorisation et le raisonnement de vos formulaires. Nous verrons comment Formik aide les développeurs à créer de meilleurs formulaires React tout en gérant ces trois problèmes.

Installation

Vous pouvez installer Formik avec NPM Yarn ou une bonne vieille '

Source link