La version R1 2022 de KendoReact est enfin arrivée, apportant sept nouveaux composants et 20 nouvelles améliorations parmi les composants existants.
La nouvelle année vient à peine de commencer, mais nous sommes prêts à démarrer avec le R1 Sortie 2022 de KendoReact ! Cette version apporte de nouveaux composants, des tonnes de fonctionnalités aux composants d'interface utilisateur existants, de nouveaux actifs Figma et un vaste ensemble d'améliorations à nos thèmes ! Il y a tellement de choses à couvrir, alors allons-y tout de suite. 19659005] Les kits d'interface utilisateur Telerik et Kendo pour Figma ont été créés et constamment améliorés tout au long de 2021 dans le but ultime de fournir des ressources d'interface utilisateur Figma couvrant l'intégralité de la bibliothèque d'interface utilisateur KendoReact.
Je suis heureux d'annoncer qu'avec R1 2022, nous ont introduit des composants Figma pour presque tous les composants KendoReact. Il n'y a vraiment qu'une seule exception : le composant graphique. />
Nous savons que de nombreux utilisateurs de KendoReact basent des bibliothèques d'interface utilisateur internes sur nos composants d'interface utilisateur React et une grande partie de cela implique la création et la maintenance d'un langage de conception. Sur la base des commentaires de nos clients, nous avons lancé un processus pour examiner et améliorer les thèmes par défaut, Bootstrap et Material dans tous les composants de l'interface utilisateur de KendoReact. Notre objectif avec cet effort est de simplifier les thèmes associés à KendoReact et de simplifier l'acte de personnalisation de tous nos composants d'interface utilisateur React. ]DateInputs et DropDowns pour offrir les options de rendu de thème suivantes :
- themeColor
- fillMode
- size
- shape0012]Arounded[19659]note à faire ici est que ces mises à jour incluront des changements de rupture à l'aspect visuel de l'interface utilisateur de Kendo pour Angular. Pour toute personne personnalisant nos composants ou effectuant des tests de régression visuelle, nous vous recommandons de prendre un peu plus de temps pour examiner ces modifications. 2022. Bien que nous pensions avoir détecté et résolu de nombreux problèmes de régression visuelle lors de la préparation de la R1 2022, il se peut que d'autres problèmes soient découverts après la publication. Nous nous engageons fermement à résoudre ces problèmes le plus rapidement possible et continuerons à publier des mises à jour avec des correctifs pour nos thèmes et composants après la sortie de R1 2022.
Pour fournir plus d'informations sur ces changements et notre plan général autour de l'interface utilisateur de Kendo thèmes, nous avons récemment publié Améliorations à venir pour les thèmes d'interface utilisateur Telerik et Kendo en 2022.
Nouveaux composants React
Nouveau composant : React FlatColorPicker
Nouveaux composants : Reac t Utilitaires de glisser-déposer
Nouveau composant : React ExpansionPanel
Nouveau composant : React ScrollView (Carousel)
Nouveau composant : React Barcode
Fonctionnalités étendues du composant
Tous les graphiques React : couleurs et conception mises à jour
Voir les nouvelles couleurs par défaut du graphique KendoReact ici .
Tous les graphiques React : Panoramique et zoom améliorés
React Data Grid : Nouvelle section sur les performances dans la documentation
La performance est toujours une priorité. pour tout développeur eva luant et utilisant une table de données, nous savons donc à quel point cela est important pour quiconque utilise la grille de données KendoReact. Pour aider tous les développeurs utilisant nos tableaux de données React à tirer le meilleur parti de leur implémentation, nous avons passé du temps à créer une nouvelle section de documentation pour montrer les fonctionnalités et les tactiques permettant de rendre vos grilles de données React aussi rapides que possible.
Cliquez ici pour aller directement à la nouvelle React Data Grid Performance docs.
React Data Grid : Live Data Sample in Docs
Éditeur React : Sélection améliorée
![Composant de l'éditeur KendoReact - Sélection améliorée" title="Composant de l'éditeur KendoReact - Sélection améliorée"/></p>
<p>Lancement d'une liste de fonctionnalités ajoutées à l'éditeur KendoReact dans R1 2022, l'équipe KendoReact a amélioré la gestion de la sélection dans le composant Editor. Cela permettra des scénarios tels que l'extraction automatique du code HTML du contenu de l'éditeur lors de la sélection ou l'extraction du contenu lors de l'interaction avec un bouton. 19659077]Éditeur React : redimensionnement de l'éditeur</h3>
<p><img decoding=](https://i0.wp.com/d585tldpucybw.cloudfront.net/sfimages/default-source/component-pages/react/editor/editor-improved-selection.gif?w=660&ssl=1)
Éditeur React : redimensionnement d'image
React Editor : Amélioration des outils de gestion des listes
![Composant KendoReact Editor - Amélioration de la gestion des listes" title="Composant KendoReact Editor - Listes"/></p>
<p>L'éditeur de KendoReact a également reçu une mise à jour sur la manière dont les listes sont gérées dans la zone de contenu du composant de l'éditeur. Les utilisateurs peuvent désormais travailler avec des listes alphabétiques et le composant de l'éditeur de React a également amélioré la gestion des listes imbriquées. Au-delà de la prise en charge des listes imbriquées listes, nous nous sommes assurés que les utilisateurs peuvent contrôler le type de liste à utiliser lors de la création de sous-éléments dans les listes existantes. ]Éditeur React : exposer les interfaces TypeScript pour les événements onMount, onExecute, onPaste, onFocus et onBlur</h3>
<p>Nous avons également examiné les interfaces TypeScript disponibles que nous proposons pour les événements dans le composant KendoReact Editor et avons introduit plusieurs nouvelles interfaces TS, y compris la <code>onMount</code><code>onExecute</code><code>onPaste</code><code>onFocus</code> et <code>onBlur</code>690 événements. peut se référer à la <a href=](https://i0.wp.com/d585tldpucybw.cloudfront.net/sfimages/default-source/component-pages/react/editor/react_editor_list_tools.jpg?w=660&ssl=1)
React Scheduler : Adaptive Slot Height
React Scheduler : Hauteur automatique de l'élément
![Composant KendoReact Scheduler - Hauteur automatique de l'élément" title="Composant KendoReact Scheduler - Hauteur automatique de l'élément"/>[19659006] Dans la lignée de la fonctionnalité de hauteur de fente adaptative ci-dessus, il existe également la nouvelle fonctionnalité de hauteur automatique des éléments. Cette nouvelle fonctionnalité React Scheduler a la même capacité de s'ajuster automatiquement ou d'avoir une hauteur prédéfinie lorsque des événements sont affichés. Cela se concentre spécifiquement lorsque des événements sont affiché horizontalement, ce qui est le cas lors de l'utilisation de la <code>TimelineView</code> et de la <code>MonthView</code>parmi quelques autres vues et scénarios.</p>
<p>Pour plus d'informations vous pouvez vous référer aux <a href=](https://i0.wp.com/d585tldpucybw.cloudfront.net/sfimages/default-source/component-pages/react/scheduler/react_scheduler_auto_item_height.jpg?w=660&ssl=1)
React ColorPicker: New Design
React TileLayout : définir les clés pour éviter le re-rendu
React PanelBar : mode contrôlé et options montées sur onglet
Various React Components : Context Provider for Default Props
Cette amélioration se concentre sur les
DateInputsInputsetPackages DropDownsen particulier. Pour R1 2022, l'équipe KendoReact s'est concentrée sur l'ajout d'un fournisseur de contexte, en utilisantReact.Contextpour remplacer les composants profondément imbriqués.Pour ceux qui se demandent quand cette fonctionnalité pourrait devenir applicable, le scénario principal visé par cette amélioration C'est à ce moment que les développeurs doivent personnaliser les composants qui sont imbriqués dans d'autres composants. Dans les composants de l'interface utilisateur de KendoReact, comme la grille de données, nous utilisons souvent d'autres composants de KendoReact pour créer lesdits composants de l'interface utilisateur. Cela signifie qu'il peut y avoir plusieurs couches de composants imbriqués dans un seul composant, ce qui peut être difficile à gérer lorsque l'on approfondit la personnalisation. Nous voulons recueillir les commentaires de nos utilisateurs et comprendre comment nous pouvons aider à étendre cette fonctionnalité à d'autres packages et composants à l'avenir, alors n'hésitez pas à essayer et faites-nous savoir ce que vous en pensez !
Pour un lien rapide , voici le package Inputsle package DateInputs et le package DropDowns.
React Report Viewer
Dans les actualités React associées, nous avons également un annonce passionnante de l'un de nos autres produits dans le portefeuille Telerik. Pour ceux qui souhaitent créer des rapports, des factures ou une sorte d'aspect d'intelligence d'affaires dans leurs applications React, j'ai une excellente nouvelle. Avec R1 2022, Telerik Reporting présente son React ReportViewer officiel.
Pour les personnes intéressées, cliquez sur le lien que je viens de publier et découvrez comment Telerik Reporting peut améliorer vos applications React aujourd'hui.
J'ai compris. Commentaires ?
Avons-nous manqué un composant ou une fonctionnalité particulière que vous recherchiez ? Nous voulons de vos nouvelles! Consultez le KendoReact Public Feedback Portal où vous pouvez soumettre vos propres idées ou voter et commenter les idées existantes pour vous assurer que nous les ajoutons à notre feuille de route. C'est votre chance d'influencer directement la feuille de route de KendoReact !
Webinaires et diffusions en direct
Pour voir toutes les mises à jour ci-dessus en direct et en personne, nous organisons le webinaire de la version de Kendo UI R1 2022 le Mardi, 1er février à 11 h HE ! Rejoignez-nous pour découvrir les nouveautés des composants de l'interface utilisateur React, Angular, jQuery et Vue !
Pour ceux qui sont intéressés par des sessions encore plus interactives, nous diffusons une mise à jour autour de R1 2022 pour KendoReact le Mercredi 26 janvier , à 10h00 HE. Si vous êtes également intéressé par Angular, nous diffuserons l'interface utilisateur de Kendo pour le contenu angulaire le jeudi 27 janvier à 10h00 HE.
Des tonnes de plaisir seront au rendez-vous, alors allez-y à la page d'inscription au webinaire Kendo UI R1 2022 pour réserver votre place et participer aux festivités !
Source link