Site icon Blog ARC Optimizer

Quoi de neuf dans KendoReact avec R1 2021


La version R1 2021 de KendoReact est arrivée et elle contient huit nouveaux composants d'interface utilisateur pour React ainsi qu'un vaste ensemble de nouvelles fonctionnalités pour les composants existants.

KendoReact apporte toujours le tonnerre en ce qui concerne les versions et la version R1 2021 d'aujourd'hui n'est pas différent! Nous avons des tonnes de nouveaux composants, fonctionnalités et même un support pour React 17 à annoncer aujourd'hui. Continuez à lire pour découvrir les nouveautés de KendoReact avec R1 2021.

React 17 Support

La version React 17 avait la fameuse déclaration «No New Features» dans son article de blog d'annonce mais cela n'était pas nécessairement le cas pour les créateurs de composants d'interface utilisateur comme l'équipe KendoReact. Néanmoins, le jour du lancement officiel, nous avons eu un support de jour zéro pour React 17 dans tous les composants de l'interface utilisateur de KendoReact. Bien que cela se soit produit en octobre 2020, il est certainement bon de répéter que vous pouvez mettre à niveau vers le dernier et le meilleur avec KendoReact.

Nouveaux composants React

Nouveau composant: TileLayout

Rendez-vous dans la section de documentation et de démonstration de KendoReact TileLayout pour se

Nouveau composant: DropDownTree

rendez-vous sur le KendoReact DropDownTree . [19659016] Nouveau composant: MultiColumnComboBox

Pour en savoir plus sur le composant React MultiColumnComboBox, rendez-vous sur la documentation et la dém en ligne de KendoReact os .

Nouveau composant: FloatingActionButton

Pour en savoir plus sur le React FloatingActionButton, rendez-vous sur les démos en ligne de KendoReact .

Nouveau composant: BottomNavigation

le composant KendoReact BottomNavigation dans nos documents et démos en ligne ici .

Nouveau composant: ListBox

la documentation et les démos de KendoReact ListBox .

Nouveau composant: Icon & SvgIcon

pour l'icône KendoReact ici et le documentation pour le SVGIcon KendoReact ici .

Fonctionnalités des composants étendus

Grille – Navigation au clavier intégrée

Alors que KendoReact Grid prend en charge la navigation au clavier depuis longtemps, nous avons laissé les développeurs déterminer exactement comment gérer ladite navigation. Ainsi, à titre d'exemple, plutôt que de supposer quels raccourcis clavier ou quelles exigences d'interaction vous pourriez avoir, nous avons laissé au développeur le soin de déterminer exactement ce qui se passe lorsque vous appuyez sur la touche de tabulation dans la grille de données de réaction.

Bien que cela donne un beaucoup de flexibilité, cela vient également avec une complexité supplémentaire puisque maintenant les développeurs doivent réfléchir à la façon dont la navigation au clavier devrait fonctionner pour eux et également écrire le code pour correspondre à ces règles. Afin de rendre cela plus facile pour tous les développeurs, avec R1 2021, nous avons ajouté des moyens intégrés et avisés pour gérer la navigation au clavier dans la grille de données KendoReact pour aider à réduire cette complexité. Cela permet aux développeurs qui veulent juste que la navigation au clavier soit prise en charge dès la sortie de la boîte d'utiliser un simple ensemble d'options de configuration au lieu de passer du temps à comprendre comment écrire du code pour chaque type d'interaction.

Pour en savoir plus sur cette navigation améliorée au clavier dans la grille de données KendoReact, rendez-vous dans cette section de documentation de la grille KendoReact .

Grille – Performances améliorées dans la gestion des états pour les cellules de données

Tout le monde aime les améliorations de performances, non? Eh bien, avec R1 2021, nous avons examiné comment nous pourrions améliorer les performances de la grille KendoReact et avons découvert que nous pouvions améliorer la gestion de l'état au niveau de la cellule.

Comme vous pouvez l'imaginer, les cellules Grid

TreeList – Navigation au clavier intégrée

Rendez-vous sur cette démo de navigation au clavier de KendoReact TreeList pour en savoir plus .

Gantt: Navigation au clavier intégrée

Pour voir la navigation au clavier dans le Gantt KendoReact en action, vous pouvez vous diriger vers cette démo .

Gantt: édition

Vous pouvez voir la fonction d'édition de Gantt de KendoReact dans cette démo en ligne .

Editor: Amélioration de la navigation au clavier

Avatar – Nouvelles options et conception mise à jour

consulter nos démos en ligne !

Scheduler – Formulaire personnalisé et éditeur de formulaire

Formulaires personnalisés avec le planificateur KendoReact, vous pouvez vous référer à cette démo .

Scheduler – Marqueur d'heure actuelle

React Scheduler Current Time Marker en action, rendez-vous sur cet article de documentation et de démonstration . [19659075] Nous voulons vos commentaires!

Tous les composants et fonctionnalités de l'interface utilisateur ci-dessus ont été ajoutés grâce aux commentaires des utilisateurs de KendoReact, c'est pourquoi j'aime toujours demander: qu'est-ce que nous avons manqué avec cette version? Existe-t-il un composant ou une fonctionnalité d'interface utilisateur dont vous avez besoin pour vos applications React que nous n'avons pas encore ajouté? Nous voulons de vos nouvelles! N'hésitez pas à fournir un commentaire dans la section des commentaires ci-dessous, ou à ajouter votre demande spécifique dans notre Portail de commentaires KendoReact .

Inscrivez-vous à notre webinaire en direct R1 2021

Vous souhaitez voir ces nouveaux composants et fonctionnalités être ajouté à notre célèbre application ACME React? Curieux d'obtenir plus d'informations sur cette version et d'autres activités React que nous sommes en train de préparer? Ou voulez-vous juste prendre le temps de me poser des questions à moi-même et au reste de l'équipe KendoReact? Eh bien, rejoignez-nous pour le webinaire sur la version 2021 de Kendo UI R1 2021 le jeudi 28 janvier à partir de 11h00 HE . Pour plus de détails, rendez-vous sur notre page d'inscription au webinaire . Les places sont limitées, alors n’oubliez pas de prendre votre place aujourd'hui!

Save My Seat





Source link
Quitter la version mobile