Fermer

juin 7, 2019

Récapitulatif du webinaire KendoReact R2 2019

KendoReactT_870x220


Nous avons récemment organisé un webinaire présentant les dernières fonctionnalités de la version R2 2019 de KendoReact. Vous trouverez ci-dessous un résumé du webinaire, ainsi que des réponses à certaines des questions posées:

La version de KendoReact R2 2019 regorge de nouveaux composants et fonctionnalités. Pour accéder à ces fonctionnalités, il suffit d’installer la dernière version des packages KendoReact individuels. Vous pouvez voir les derniers extraits de ici mais nous couvrons également toutes les mises à jour publiées depuis notre dernier webinaire (R1 2019)!

 KendoReact

Si vous l'avez manqué, voici un résumé des éléments suivants: Les points saillants que nous avons abordés au cours du webinaire sont les suivants:

Un article plus détaillé sur les dernières fonctionnalités est disponible dans notre article Nouveautés de KendoReact R2 2019 de Carl Bergenhem.

KendoReact R2 2019 Webinaire

Ce webinaire sur R2 a été organisé par Eric Bishard John Bristowe et Carl Bergenhem et a été diffusé en direct le 4 juin 2019. Ne vous inquiétez pas si vous n'avez pas eu la chance de le regarder en direct. Nous l'avons posté sur notre chaîne YouTube. En fait, vous pouvez le regarder maintenant!

Gagnant du prix du webinaire

Pendant le webinaire, nous avons demandé aux participants de poser des questions, nous avons également offert une licence gratuite de KendoReact pour récompenser la meilleure question posée. L’équipe s’est réunie et a eu beaucoup de difficulté à prendre une décision car de très bonnes questions ont été posées et nous les avons toutes imprimées ci-dessous. Mais le gagnant de la licence de développeur KendoReact pour 1 an revient à Doug Rivord .

Questions et réponses sur le webinaire

KendoReact est-il une enveloppe de composants jQuery de Kendo UI ou de composants React créés à partir de rien?

Les composants de KendoReact ont tous été écrits à partir de rien, spécialement pour React – pas de dépendances!

Existe-t-il un composant programmé KendoReact? Sinon, y en aura-t-il?

C'est sur notre Feuille de route de KendoReact .

Existe-t-il une feuille de route de développement plus détaillée? J'ai trouvé ceci (https://www.telerik.com/kendo-react-ui/roadmap/) mais j'aimerais vraiment voir quelque chose de plus détaillé si possible?

Nous mettrons à jour cette page. Feuille de route pour fournir plus de détails au cours des prochains jours.

Est-il possible de cliquer sur un bouton qui ajoute une nouvelle ligne à la grille et supprime également une ligne de la grille lorsque vous cliquez sur un bouton de suppression?

Nos réseaux prennent en charge tous les types de liaison de données. Il est tout à fait possible de mettre à jour et de supprimer des lignes / éléments d'une collection liée à la sortie de la grille.

Est-il prévu d'ajouter un vérificateur d'accessibilité à l'éditeur WYSIWYG afin que les utilisateurs finaux puissent s'assurer leurs modifications sont accessibles?

Actuellement, cela ne figure pas sur la feuille de route de KendoReact. Si vous pouviez en dire plus, nous aimerions en savoir plus sur notre portail public .

Avez-vous l'intention de créer une réaction native dans le mélange?

Nous ne le faisons pas pour le moment. ont des projets immédiats pour les composants d'interface utilisateur de React Native, mais nous discutons certainement de React Native et de ce qui est possible du point de vue de l'interface. Ce sont des questions comme celle-ci qui gardent ces idées fraîches dans notre tête. Merci d'avoir participé aujourd'hui et d'avoir posé de bonnes questions!

Existe-t-il une grille imbriquée disponible dans Kendo?

Oui, vous pouvez consulter la démonstration de Master-Detail Grids .

Pouvez-vous supprimer le paramètre fictif obligatoire (par exemple, "jour / mois / année") dans les entrées de date?

Je pense que ce que vous voulez faire est de "formater" cette entrée de date de manière différente. Pour ce faire, vous pouvez consulter la page Placeholders Documentation .

Dans KendoReact Editor avons-nous une option pour configurer les fonctionnalités utilisateur @mention?

Cette fonctionnalité ne figure pas dans l'éditeur pour le moment, mais vous pouvez certainement la proposer comme fonctionnalité. Veuillez visiter notre portail public de commentaires . Je pense que ce serait une démo spécialisée que nous avons créée pour montrer comment cela peut être fait dans l'éditeur, plutôt que d'être une fonctionnalité de la grille. Mais l'idée doit être explorée.

Il est difficile d'intégrer KendoReact dans un projet ASP .NET C # MVC?

Partout où vous pouvez exécuter React, vous pouvez exécuter des composants KendoReact. Cependant, j'ai quelques liens que vous pouvez consulter sur YouTube qui ne sont pas anciens et montrent comment configurer React dans ASP.NET MVC ( one deux trois ).

Y a-t-il une cible de largage à associer au nouveau déplaçable?

Non, il est assez facile de suivre les dernières coordonnées du Draggable sélectionné et libéré par l'utilisateur. La possibilité de définir les coordonnées que j'ai exposées dans une Draggable StackBlitz Demo modifiée, version modifiée de notre démo déplaçable. Je comprends si ce n’est pas ce que vous cherchez et si vous avez des idées sur l’API Draggable, visitez notre portail public .

Pouvons-nous formater la date en la zone de texte pour le contrôle DateTime. Actuellement, il affiche jj / mm / aaaa, mais supposons que si je souhaite l'afficher jj / mmm / aaaa après la sélection de la date?

J'ai créé un démonstration de StackBlitz DateTime comment faire cela Le DateTimePicker a un format nommé prop, que vous pouvez simplement passer à la chaîne jj / MMM / aaaa et vous obtenez le mois à trois lettres au lieu du mois à deux chiffres.

Le rouleau virtuel pour le serveur ou le côté client de la pagination de la grille KendoReact est-il

Les deux peuvent être les deux. Cela dépend de l'endroit où vous chargez vos données et de la façon dont vous voulez les gérer. La grille elle-même ne se lie pas nécessairement directement à votre logique côté serveur, donc tout ce que vous avez en termes d'installation de récupération de données (côté client ou côté serveur) fonctionnera pour la virtualisation.

N'importe quelle option disponible pour prendre une capture d'écran, telle que la capture d'écran à l'aide d'un clic de bouton et demander à joindre et envoyer un courrier électronique?

Non, mais si vous pensez que cela ferait un excellent composant dans KendoRact, faites-le-nous savoir. sur le portail public .

La grille de Kendo React pure met-elle maintenant en œuvre toutes les fonctionnalités de l’enveloppe de la grille jQuery?

À ce stade, il en manquerait quelques-unes des fonctionnalités plus petites ici et là, mais globalement, nous couvrons les mêmes fonctionnalités (sinon plus lorsque l'on pense à la virtualisation des colonnes) et vous devriez pouvoir migrer en toute sécurité.

S'agit-il du composant Kendo React StoryBook disponible quelque part?

John Bristowe a sur son compte-rendu privé vous devriez donc aller le chercher et ouvrir le projet localement, c'est plutôt cool et une excellent moyen d'apprendre StoryBook!

J'utilise l'interface utilisateur de Kendo pour jQuery et l'interface utilisateur de Kendo pour Angular, mais je ne parviens pas à trouver le même composant dans Rea?

Toutes ces bibliothèques évoluent naturellement basé sur les commentaires. Si un composant manque, indiquez-le nous en envoyant vos commentaires sur notre portail public .

Y a-t-il moyen de vous abonner à vos communiqués pour nous permettre de connaître la dernière et la plus grande chose à faire?

Je recommanderais le journal des modifications de KendoReact .

Nous utilisons actuellement Kendo jQuery pour pouvoir passer sans problème à l'éditeur de réactions?

Il y a beaucoup de parité des fonctionnalités entre le widget éditeur dans Kendo UI pour jQuery et le composant éditeur dans KendoReact. La plupart des fonctionnalités sont disponibles pour les deux bibliothèques.

Les sélecteurs de date et de date et les sélecteurs de temps ont cette valeur par défaut mois / jour / année. Il existe un moyen de le vider de son œil. Dans mon application, le texte indique-t-il un texte fictif et mes autres n'ont-ils que l'étiquette pour l'entrée?

Actuellement, nous montrons toujours le fictif. Nous aimerions l'implémenter, alors assurez-vous de l'indiquer comme une demande de fonctionnalité dans notre portail public .

Où puis-je en savoir plus sur la virtualisation des colonnes?

Vous pouvez le vérifier sur notre page Grid .

Nous développons un projet depuis 2017, année où seul le Kendo React Wrappers était disponible. Que suggérez-vous – si nous devrions le réécrire avec des composants ou si nous le conservons?

Vous n'aurez peut-être pas besoin de réécrire les éléments qui fonctionnent. Vous pouvez conserver vos composants de Kendo Wrapper (obsolète) tels quels et utiliser ensuite nos composants natifs pour les nouveaux éléments. C'est bien de les utiliser tous les deux dans le même projet, mais nous recommandons vivement d'utiliser les nouveaux composants de KendoReact pour tous les nouveaux développements!

Concernant le composant d'entrée de KendoReact – Si je règle la valeur prop alors il devient en lecture seule. Je ne peux pas utiliser les propriétés defaultValue, car defaultValue ne peut être défini qu'une fois au chargement. Lors du rendu ultérieur via les modifications d'état, la valeur par défaut est la même.

Une fois la valeur prop définie, le composant entre dans un état contrôlé. Afin de maintenir le composant dans un état contrôlé, vous devez gérer l'événement onChange () et transmettre la nouvelle propriété value.

Il ne sera plus possible d'utiliser des wrappers et des composants. un conflit CSS?

Les composants partagent le CSS. Un thème peut fonctionner dans plusieurs bibliothèques d’interface utilisateur Kendo:)

Que suggérez-vous comme cadre de test d’UI qui correspond le mieux à mon développement d’application rea avec Kendo UI?

Nous pensons que l’un des meilleurs La bibliothèque de tests de React Testing de Kent C Dodd est une bibliothèque de tests pour les développeurs React. Il y a des vidéos sur Egghead pour vous aider à vous familiariser avec elle, ainsi qu'un bon article sur le blog sur le blog de l'auteur!

Qu'en est-il d'un sorcier ou d'un composant de barre de progression? Avez-vous ceux de KendoReact?

Nous ne les avons pas encore ajoutés, mais la barre de progression figure au moins sur notre liste restreinte et devrait arriver plus tard en 2019! En ce qui concerne le composant assistant, nous vous recommandons de le soumettre comme élément de commentaire à notre portail public .

J'ai écrit une application Web lorsque KendoReact l'a publié pour la première fois (version 0.4.0), a-t-il des instructions pour passer de 0.4.0 à 3.1.0? Ou puis-je simplement mettre à jour la bibliothèque et cela devrait fonctionner?

Nous avons maintenant besoin de React 16.8 ou de la dernière version de React. Faites-nous savoir si vous rencontrez un problème et nous serons heureux de vous aider. Sinon, les modifications les plus notables dans nos composants ont été les mises à jour de l'API et les propriétés de la KendoReact Grid .

Avez-vous des options pour ajouter n'importe quel type d'animation aux composants?

Nous avons un package d'animation dédié qui est utilisé en interne dans tous les composants de KendoReact. Vous pouvez également les utiliser en tant que composant autonome .

Est-il prévu d'ajouter un composant tiroir à KendoReact?

Oui! Plus de nouvelles dans les mois à venir sur ce sujet et d’autres composants et nouvelles. Surveillez le journal des modifications de KendoReact .

Les mises à jour récentes de la grille ont-elles ajouté des fonctionnalités facilitant l'utilisation de la grille dans des conceptions réactives, telles que le masquage des colonnes à la volée? ]

Carl B: Certainement! Il est très facile de travailler avec une collection de colonnes pour déterminer ce qu’il faut afficher ou masquer pour contrôler cela. Nous travaillons activement dans un échantillon pour rendre cela plus facile à suivre avec des scénarios réactifs, mais ce n'est pas un problème de le faire déjà aujourd'hui.

Eric B: Etant donné que les accessoires peuvent être tenus de déclarer dynamique et représentative du point d'arrêt actuel, nous pouvons prendre des décisions à partir de ces valeurs et mettre à jour le rendre. Cela me donne l’occasion de fermer des choses, de changer la façon dont elles sont affichées, etc. Mais rien n’a été ajouté à la grille en ce qui concerne le rendu réactif. Nous améliorons constamment les performances de nos composants et nous nous efforçons de les faire fonctionner à n'importe quelle résolution et / ou appareil.

Le site Web de Kendo React contient-il un emplacement qui répertorie la version de Kendo et la version minimale de React?

Pour le moment, cela est un peu caché dans divers articles, mais nous allons simplifier les choses au cours des prochaines semaines en créant une page "Configuration requise" pour vous aider, non seulement avec la version de React, mais également avec la version précédente. tout autre élément auquel nous pouvons penser (support du navigateur, etc.). Nous voulons nous assurer que cette information est plus facile à trouver:).

Quelle est la chaîne YouTube de Kendo?

Kendo UI TV .

Merci

] Merci à tous ceux qui se sont joints à nous pour le webinaire, nous avons reçu beaucoup de commentaires positifs. Nous espérons que vous aimerez les nouveaux composants, fonctionnalités et améliorations que nous avons apportés à KendoReact. Laissez des commentaires via notre portail de commentaires ou dans les commentaires ci-dessous.




Source link