La version R2 2020 de KendoReact est arrivée! Cette version couvre une tonne de nouveaux composants et fonctionnalités dans les composants existants, ainsi qu'une nouvelle ressource pour aider les développeurs de React à créer des formulaires magnifiques. Plongeons-nous et passons en revue les nouveautés de KendoReact avec R2 2020! un élément de formulaire. Il y a des tonnes de choses à penser, comme le bon déroulement du formulaire, les types d'entrées à utiliser et la façon de gérer la validation qui doivent être pris en considération.
Les nouvelles directives de conception de KendoReact fournissent les meilleures pratiques pour la création de formulaires dans React et va au-delà des composants d'interface utilisateur à utiliser. Nous pensons que tous les développeurs React peuvent tirer parti de ce guide, quelle que soit la bibliothèque de composants d'interface utilisateur qu'ils utilisent, et nous espérons que vous le trouverez utile!
Voici un lien rapide vers les directives de conception de formulaire de KendoReact .
Nouveaux composants
Nouveau composant: ListView
Nouveau composant: barre de progression et barre de progression de morceau
![Barre de progression de KendoReact et composant de barre de progression de morceau "title =" Barre de progression de KendoReact et composant de barre de progression de morceau "/> </p>
<p> Ces nouveaux ajouts à la bibliothèque de l'interface utilisateur de KendoReact aident à indiquer la progression dans vos applications React. Les deux barres de progression permettent de montrer la distance d'un processus particulier (disons, une plage de 0 à 100) et les deux peuvent être affichées horizontalement ou mode vertical. </p>
<p> La principale différence entre les deux composants (comme le montre l'image ci-dessus) est que la barre de progression est une barre unifiée, tandis que la barre de progression en morceaux est divisée en blocs qui rempliront un bloc à la fois. [19659010] Pour consulter des exemples d'utilisation de <a href=](https://i0.wp.com/blog.arcoptimizer.com/wp-content/uploads/2020/05/1589437323_549_nouveautes-de-kendoreact-avec-r2-2020.jpg?w=660&ssl=1)
Nouveau composant: Stepper [19659018] KendoReact Stepper Component "title =" KendoReact Stepper Component "/>
Le nouveau composant Stepper est une manière moderne et élégante de montrer la progression à travers une séquence d'étapes ou de workflows. Le composant a un style intégré pour toutes les vues passées et terminées, la vue actuelle et les vues futures. Chaque étape a son propre modèle de contenu, ce qui signifie que vous avez un contrôle total sur ce qui doit être affiché lorsque vos utilisateurs parcourent votre flux de travail prédéfini une étape à la fois.
Le Stepper peut également être utilisé pour la navigation et l'interaction avec les points forts des composants les animations élégantes qui font vraiment apparaître ce composant sur une page.
Pour jouer avec le nouveau composant KendoReact Stepper, consultez ces démos .
Nouveaux composants: Label, Floating Label, Hint, et erreur
Nouveaux composants: bouton radio et groupe radio
Nouveau composant: Range Slider
Nouveau composant: Forms – FormElement & FieldWrapper
Fonctionnalités étendues des composants
TreeList – Virtualisation des lignes
TreeList – Drag & Drop
![KendoReact TreeList Component avec Drag & Drop "title =" KendoReact TreeList Component avec Drag & Drop "/> [19659010] Avec R2 2020, le composant KendoReact TreeList vous permet de réorganiser ses éléments de données dans la structure de la grille d'arbre en faisant glisser et en déposant des lignes. Cela permet aux utilisateurs finaux de faire glisser un nœud (y compris tous les enfants qu'il peut avoir) et de le déposer n'importe où dans la hiérarchie TreeList. </p>
<p> <a href=](https://i0.wp.com/blog.arcoptimizer.com/wp-content/uploads/2020/05/1589437324_959_nouveautes-de-kendoreact-avec-r2-2020.gif?w=660&ssl=1)
TreeList – Aggregates
.
TreeList – Menu Colonne
TreeList – Exporter vers PDF et Excel
Grille – Filtre de case à cocher
Scheduler – Rendu personnalisé d'en-tête et pied de page
Drawer – Custom Rende ring
Nouvel échantillon Application: application Coffee Warehouse
Avez-vous des commentaires?
Avons-nous oublié un composant ou une fonctionnalité particulière que vous aimeriez voir ajoutée à KendoReact? Faites-le nous savoir en soumettant vos commentaires dans le portail de commentaires public de KendoReact !
Rejoignez-nous pour un webinaire en direct!
Si vous voulez voir ce que nous évoqué dans ce billet de blog en direct et en action, alors vous devriez vous joindre à moi-même et à mes collègues Developer Advocate pour notre webinaire en direct sur l'interface utilisateur de Kendo le mardi 19 mai à 11h00 HE! Nous couvrons tous les produits du bundle Kendo UI, et la session spécifique KendoReact commence à 12 h 00 HE. Nous avons un nombre limité de places pour ce webinaire, alors assurez-vous de vous y rendre et de vous inscrire pour réserver votre place dès aujourd'hui!
Source link