5 raisons de choisir la bibliothèque de formulaires KendoReact

Selon la complexité de votre formulaire, vous pourriez facilement perdre des heures, voire des journées entières. sur le projet … c'est pourquoi trouver une bibliothèque de formulaires pour faire le gros du travail pour vous est devenu une solution si populaire pour les développeurs front-end. En fait, si vous effectuez une recherche rapide des bibliothèques de formulaires, vous verrez qu'il y en a des tonnes – c'est un problème que les développeurs ont essayé de résoudre maintes et maintes fois, depuis des années maintenant. Avec cette abondance d'options, comment choisissez-vous la bibliothèque de formulaires qui convient à votre application React ?

Eh bien, nous, membres de l'équipe KendoReact, pourrions être un peu biaisés, mais nous sommes également confiants dans ce que nous avons construit – et nous sommes sûrs que la bibliothèque de formulaires KendoReact cochera toutes les cases que vous recherchez. Ainsi, vous pourriez passer le lendemain environ à rechercher, installer et comparer diverses bibliothèques de formulaires React … ou, vous pourriez essayer KendoReact et recommencer à écrire du code.

Nous avons dressé une liste des cinq principales raisons de choisir le KendoReact Form. Vérifiez-les et voyez si nous pourrions avoir la réponse à tous vos problèmes liés à la forme.

5. Facilité de style

Voici une petite anecdote amusante sur le Web pour vous : qu'est-ce qui est arrivé en premier, la forme ou le style ? Si vous avez deviné les formulaires, vous avez raison : les formulaires ont été introduits dans le cadre de HTML2 en 1995, tandis que les feuilles de style en cascade n'ont été publiées qu'à la fin de l'année suivante et avaient encore plusieurs années avant qu'elles ne soient bien prises en charge dans les navigateurs et pas seulement officiellement recommandé par le W3C. Alors la prochaine fois que vous secouez la tête et que vous vous demandez pourquoi il est si difficile de personnaliser un bouton radio, rappelez-vous que, du point de vue du développement moderne, ce sont en quelque sorte des antiquités ! C'est un peu comme chercher la fente pour carte SD sur un lecteur 8 pistes.

L'approche courante de nos jours consiste à ignorer entièrement les éléments HTML par défaut et à créer simplement les vôtres. Mais, si vous avez déjà essayé de le faire, vous savez que le « simplement » dans cette dernière phrase est un peu trompeur. Les contrôles de formulaire sont complexes, et en reconstruire un à partir de zéro pour qu'il soit entièrement personnalisable et accessible prend du temps. Nous le faisons quand même, car il est important d'avoir des formulaires qui sont beaux et qui correspondent au reste de notre application, mais avec le KendoReact Formvous pouvez ignorer la partie « travail acharné » et passer directement à la « beauté " partie.

Tous les composants KendoReact sont conçus avec UX comme priorité, de sorte que vos utilisateurs n'ont jamais à lutter pour comprendre comment fonctionne une entrée moins courante. Et, bien sûr, ils sont tous entièrement compatibles avec le thème, vous pouvez donc choisir l'un de nos cinq jolis thèmes prédéfinis ou créer votre propre thème personnalisé avec nos Kits Figma et l'appliquer rapidement et facilement à l'intégralité de votre candidature, formulaires inclus. Laissant vous libre de faire la fête comme en 1999.

4. Formulaires multi-étapes intégrés

Si vous avez beaucoup d'informations à recueillir auprès de vos utilisateurs, l'un des meilleurs modèles UX que vous pouvez utiliser est de diviser ce flux en plusieurs étapes. Que vous l'appeliez un assistant, un pas à pas ou simplement un bon vieux formulaire multi-étapes, c'est un outil incroyablement utile à exploiter pour votre application. Cette approche peut aider un formulaire long à paraître plus court en supprimant le sentiment de « défilement sans fin », en donnant à vos utilisateurs une représentation visuelle de ce qu'ils doivent remplir et en organisant votre formulaire en groupes de questions similaires.

Pour les formulaires vraiment longs, vous pouvez même envisager de permettre à l'utilisateur de sauvegarder sa progression et de revenir lorsqu'il aura le temps de terminer. C'est un excellent moyen de créer une expérience utilisateur plus positive, ainsi que d'augmenter les chances qu'ils remplissent réellement votre formulaire. ]Composant React Stepper avec notre formulaire React, vous pouvez facilement diviser votre formulaire en autant d'étapes que nécessaire ! Découvrez cette démo de Multi-Step Forms avec KendoReactet voyez à quel point il est facile à configurer. C'est tellement magique que vous comprendrez peut-être pourquoi certaines personnes les appellent des sorciers.

3. Variété d'entrées

Soyons francs : une bibliothèque de formulaires n'est aussi bonne que le nombre d'entrées qu'elle peut vous offrir.

Si vous avez besoin d'une seule entrée qui n'est pas incluse dans une bibliothèque donnée, c'est un dealbreaker. La seule chose plus pénible que d'utiliser simplement des formulaires HTML vanille est d'essayer d'obtenir deux bibliothèques de formulaires tierces différentes ou (pire encore) un tas de composants d'entrée individuels non liés de différentes bibliothèques pour bien fonctionner ensemble. Non, merci. Si c'est le ticket qui vous est attribué, ce sera le genre de sprint lorsque vous commencerez à réaliser soudainement que vous avez une prise de force que vous devez utiliser avant son expiration.

Évitez la douleur (et l'esquive des tickets), en vous assurant de vous engager dans une bibliothèque qui contient tous les éléments de formulaire dont vous pourriez avoir besoin, et plus encore. Même si vous pensez avoir trouvé une bibliothèque qui répond aux besoins de votre application aujourd'hui, vous voulez également être sûr qu'elle répondra aux besoins de votre application demain, l'année prochaine et dans cinq ans.[19659005] Et—oh, qu'est-ce que vous dites? KendoReact a plus de 20 composants d'entrée différents ? Y compris les moins courants, comme une MultiColumn Combo Box React, un Sélecteur de dégradé de couleurs et un React Text Editor ? Wow, tu connais vraiment ton affaire ! Vous avez raison : KendoReact offre toutes les entrées auxquelles vous pouvez penser, et plus encore. Il n'y a rien de pire que de s'engager dans une bibliothèque, puis de se rendre compte qu'elle ne fait pas tout ce dont vous avez besoin. Assurez-vous de vous engager dans une bibliothèque capable de prendre en charge votre application, quelle que soit sa croissance !

2. Accessibilité

Les formulaires sont essentiels pour que les développeurs soient efficaces en matière d'accessibilité, car nous collectons des informations importantes sur les utilisateurs. Lorsqu'un utilisateur est incapable de remplir un formulaire ou incapable de fournir des informations précises parce que les entrées sont inaccessibles, nous avons non seulement laissé tomber notre utilisateur en lui faisant faire face à une expérience fastidieuse et frustrante, nous avons également compromis la fiabilité et l'exactitude de les données que nous collectons. C'est un perdant-perdant pour littéralement toutes les personnes impliquées.

Auparavant, j'étais un peu méchant envers les éléments de formulaire HTML par défaut – ils sont obsolètes, ils ne sont pas faciles à styliser, ils sont ennuyeux, etc. Mais j'ai donner du crédit là où le crédit est dû, et vous savez ce que ces éléments par défaut font bien ? Accessibilité. C'est pourquoi tant de développeurs choisissent de les utiliser, malgré leurs autres défauts. L'accessibilité est primordiale dans les formulaires, nous nous rabattons donc souvent sur la fiabilité plutôt que sur la prise de risque.

Avec KendoReact Form, vous n'avez plus à avoir l'impression de faire un choix entre style et accessibilité. Chaque composant KendoReact est non seulement élégant, mais également créé selon la spécification WAI-ARIA, pour garantir qu'ils sont tous entièrement accessibles. Nous prenons l'accessibilité très au sérieuxcar nous pensons que chaque utilisateur mérite une expérience Web intuitive et inclusive.

1. Cohérence

La cohérence est importante dans deux contextes différents, mais tout aussi importants : pour vos utilisateurs et pour vos développeurs.

Pour vos utilisateurs, il est important de prendre en compte la cohérence visuelle de votre application. S'assurer que tous vos composants se ressemblent et fonctionnent de manière similaire permet à vos utilisateurs de se familiariser plus rapidement avec votre logiciel. Ils peuvent commencer à anticiper où seront les choses et à quoi certaines choses ressembleront, ce qui leur permet d'aller plus vite et d'en faire plus avec moins de frustration. Ceci est particulièrement important avec les formulaires – si vous utilisez plusieurs composants d'entrée tiers différents, ou une combinaison d'une bibliothèque et de la création de la vôtre, vos utilisateurs ressentiront la différence. Chaque nouvel élément que vous introduisez est une nouvelle chose qu'ils doivent naviguer avec succès afin de vous obtenir les informations dont vous avez besoin … et si cela devient trop difficile, ils ne s'en soucieront tout simplement pas.

L'autre partie (moins considérée) de cohérence est la cohérence dans votre code. D'une certaine manière, vos développeurs sont aussi des utilisateurs : ils doivent pouvoir naviguer rapidement et facilement dans la base de code de votre application, savoir où en seront les choses et comment elles seront structurées, afin d'en faire plus avec moins de frustration. Chaque fois que vous ajoutez une nouvelle dépendance à votre projet, vous augmentez la complexité pour vos développeurs : l'intégration s'allonge, la refactorisation devient plus difficile et même la création de nouvelles fonctionnalités prend plus de temps.

Vous pouvez minimiser ce problème pour les deux. parties en standardisant sur une bibliothèque, et (vous l'aurez deviné) KendoReact est un excellent choix. Avec une apparence cohérente pour plus de 100 composants, vos utilisateurs sentiront immédiatement la différence. Et une fois que vos développeurs ont appris comment fonctionne KendoReact, créer de nouvelles fonctionnalités est un jeu d'enfant ! Gagnez du temps, de l'énergie et de la frustration pour tout le monde impliqué dans votre application en devenant cohérent avec votre outillage.

Conclusion

Alors, êtes-vous convaincu ? Prêt à quitter les anciennes méthodes et à rendre vos formulaires plus faciles, plus intuitifs et plus accessibles avec le KendoReact Form ?

Vous n'êtes pas obligé de me croire sur parole. Explorez nos documentsconsultez nos autres ressources et essayez-le vous-même—c'est gratuit pendant les 30 premiers jours. Soyez juste prévenu : créer des formulaires aussi facilement et rapidement crée une dépendance, et vous pourriez avoir du mal à revenir à la façon dont vous travailliez auparavant !