Que peut-il faire pour vous?

Dans ce premier article de la série Prise en main de KendoReact vous apprendrez ce que KendoReact peut faire pour vous, développeur de React.

L'équipe de Kendo UI a construit des bibliothèques de composants depuis plus de trois ans. 15 ans et ils ont acquis beaucoup d'expérience avec les composants d'interface utilisateur en particulier. Ils les ont construits pour jQuery Angular Vue et ils disposent maintenant d'une véritable bibliothèque de composants natifs spécialement conçue pour React .

Un titulaire de licence des bibliothèques React a également accès aux bibliothèques jQuery, Vue et Angular. Pas que quiconque s'éloigne de React ou ait différents projets utilisant différentes bibliothèques. Mais au cas où vous auriez toutes nos bibliothèques JavaScript à votre disposition.

Pourquoi React?

Nous avons décidé de créer une bibliothèque spécialement pour React, car React is cool. D'accord, mais plus important encore, de nombreux développeurs l'utilisent, y compris moi-même et probablement vous-même. L’équipe de Kendo UI souhaitait créer une bibliothèque qui rendrait les applications React plus efficaces, plus rapides et plus faciles à créer. C'est pourquoi nous avons une bibliothèque spécialement conçue avec des composants natifs de React. Aucune affaire amusante dans les coulisses avec des wrappers et autres, bien que nous ayons des wrappers jQuery pour React si c'est ce que vous préférez. Mais nous conseillons aux utilisateurs qui partent de zéro d'utiliser notre bibliothèque de composants natifs pour React à la place.

Qu'est-ce que cela signifie pour votre application React? Ces composants React sont composables et configurables avec précision pour vous permettre de les utiliser comme tout autre composant React.

Quels sont les autres composants?

Pour consulter la liste de tous les composants (à ce jour), il suffit de se diriger vers la page KendoReact et explorez . La liste est longue, alors n'hésitez pas à prendre une minute avant de revenir à l'article. Je devrais également mentionner que nous avons une feuille de route pour voir ce que l'avenir nous réserve.

Pour utiliser ces composants, il vous suffit de les installer à l'aide de npm, de les importer dans votre projet React existant, ajoutez-les à votre modèle JSX, et c'est tout!

Si vous avez démarré une application de base Create React vous pouvez l'essayer à l'aide de la commande npm install suivante:

 npm install @ progress / kendo-react-ripple @ progress / kendo-react-buttons @ progress / kendo-theme-default 

Ensuite, dans le fichier App.js nous importons les éléments suivants:

 import {Ripple} de '@ progress / kendo-react-ripple' ;
importer {Button} depuis '@ progress / kendo-react-buttons';
import '@ progress / kendo-theme-default / dist / all.css'; 

Avec la définition de composant suivante:

 La classe App étend React.Component {
  render () {
    revenir (
      

        
          
 Ondulation sur les boutons 
           Bouton principal 
        
      
    );
  }
} 

Voici le résultat obtenu:

C'est assez simple, et l'une des choses que je préfère à propos de l'utilisation de KendoReact est que le style est conçu pour vous lorsque vous utilisez nos thèmes Sass. Nous savons que le CSS n'est pas facile pour tout le monde, et même si c'est facile pour vous, il est toujours agréable de travailler avec un thème. Pour cette raison, nous en avons créé plusieurs, y compris notre thème Kendo Default Thème principal et un thème Bootstrap . Avec ceux-ci, tout ce que vous avez à faire est d’installer le thème avec npm puis de l’importer dans votre projet. Comme dans l'exemple ci-dessus, le thème est une installation npm et une importation:

 npm install @ progress / kendo-theme-default 

 import'@progress/kendo-theme-default/dist/all.css '; 

Avec un effort minimal, les thèmes vous offrent de superbes composants stylés qui sont cohérents dans votre application, dans tous les composants et dans tous les projets. Vous n'avez pas besoin de toucher les fichiers CSS à moins de vouloir fournir des remplacements ou une personnalisation supplémentaire. Vous obtenez également différentes interactions et animations avec ces bibliothèques de styles.

Accessibilité

La prise en charge de l'accessibilité est très importante pour nous, nous souhaitons que tous les utilisateurs de vos applications se sentent à l'aise. Cela peut prendre du temps et des efforts pour respecter les directives d'accessibilité standard, mais pour nos composants, encore une fois, nous sommes là pour vous. Lorsque vous utilisez les composants de l'interface utilisateur de Kendo, nous vous donnons une grande accessibilité dès la sortie de la boîte . Cela inclut la conformité à la Section 508, les directives d’accessibilité au contenu Web du W3C, WCAG 2.1, WAI-ARIA et la navigation par mot clé. Cela vous évite de devoir consacrer de nombreuses heures de développement à vos propres composants personnalisés. Au lieu de cela, utilisez simplement KendoReact car l'accessibilité est fournie avec les composants.

Internationalisation

Nous fournissons également une prise en charge standard de l'internationalisation si vous utilisez des dates (ou des chiffres tels que la saisie de date), des grilles, des zones de texte numériques, etc.

Assistance en cas de besoin

À un moment donné, tout le monde a besoin d'un peu d'aide! Dans les cas où vous risquez de rencontrer des difficultés ou de ne pas comprendre quelque chose, pour nos détenteurs de licence, nous proposons différentes sources d'aide et de soutien. Ceci comprend trois options de support pour une aide rapide des développeurs qui fabriquent le produit, ainsi qu'une option pour un support humain 24-7 pour des projets sur mesure . Vous pouvez également visiter les forums de la communauté où d’autres personnes utilisant la bibliothèque de Kendo UI et les membres de l’équipe de Kendo UI sont là pour vous aider à répondre aux questions, discuter et discuter des différentes stratégies qu’ils utilisent avec nos composants. 19659028] Démos, didacticiels et exemples

Il existe plus de ressources telles que des démos interactives que vous pouvez explorer. Nous avons également des exemples de projets de webinaires de billets de blog et de tutoriels qui vous donneront davantage de ressources pour vous aider. Un petit plus pour vous aider à vous guider au-delà de la documentation que nous avons déjà pour chaque composant.

Restez à l'écoute pour le second message de la série à venir (pas encore en ligne, surveillez-le bientôt) !)