Ignorer la configuration, commencer à coder—KendoReact dans l’application Create React

L’équipe KendoReact a créé quatre modèles dans Create React App que vous pouvez utiliser. Continuez à lire pour en savoir plus!

Si vous êtes comme moi, alors vous trouvez que toute la configuration au début d’un nouveau projet est l’une des parties les plus fastidieuses de l’ensemble du processus. La idée de démarrer un projet entièrement nouveau est merveilleux : une toute nouvelle base de code, aucun problème d’héritage, aucun bogue (encore) ; le monde vous appartient ! Donc, pour prendre toute cette énergie et cette excitation, seulement s’asseoir et… exécuter des installations npm et configurer les dépendances pendant 30 minutes ? Euh, non merci.

C’est là que le Modèles KendoReact pour Create React App (CRA) Entrez.
ARC est l’un des moyens les plus rapides et les plus simples de créer une nouvelle application React ; c’est ma référence pour faire fonctionner les choses en quelques minutes seulement. Il n’y a qu’une seule façon que ça pourrait être égal Suite pratique – s’il pouvait également gérer l’installation et la configuration de KendoReact ! Eh bien, juste au cas où le titre de cet article ne vous aurait pas encore prévenu, j’ai une excellente nouvelle : c’est possible.

CRA permet aux développeurs de fournir modèles personnalisés à travers le --template option. L’équipe KendoReact a profité de cette fonctionnalité géniale et a créé quatre modèles différents que vous pouvez utiliser, en fonction de votre pile technologique préférée :

L’utilisation de ces modèles est aussi simple que de coller ce qui suit dans votre terminal :

npx create-react-app my-react-app --template cra-template-kendo

Il suffit d’échanger le my-react-app avec le nom de votre nouvelle application, et le cra-template-kendo pour l’un des modèles ci-dessus (si vous recherchez cette extension typescript et/ou sass Support). Ensuite, asseyez-vous, prenez un café, avoir un combat à l’épée sur une chaise de bureauou faites défiler le fil de votre choix sur les médias sociaux pendant quelques minutes pendant que l’ARC fait sa magie.

À votre retour, vous aurez une toute nouvelle application React brillante avec KendoReact (et peut-être aussi typescript et sass) installé et configuré, prêt pour que vous commenciez à coder. Vous pouvez continuer et importer tous les composants KendoReact dont vous avez besoin pour commencer à construire – ça marche !

Le sympathique Kendoka qui vous accueille lors de la construction réussie d’une nouvelle application React à l’aide des modèles Create React App + KendoReact.

Si vous cherchez à aller encore plus loin dans le chemin « Wow, c’était incroyablement facile », assurez-vous de consulter le Générateur de thèmes, aussi. ThemeBuilder est un éditeur WYSIWYG pour tous nos composants d’interface utilisateur Kendo, permettant aux développeurs ou aux concepteurs de plonger en profondeur et de personnaliser les détails de chaque composant, sans toucher à aucun CSS ou Sass. Il exporte un CSS (ou sass) fichier que vous pouvez au sens propre faites glisser et déposez dans cette nouvelle application React que vous venez de configurer. Et, juste comme ça, vous avez une nouvelle application React, utilisant votre pile technologique préférée, configurée pour votre bibliothèque de composants, avec les styles déjà configurés. Au fur et à mesure que vous ajoutez de nouveaux composants, ils seront automatiquement stylisés pour correspondre à votre conception.

Juste comme ça, des heures de développement juste… faites ! Une ligne dans le terminal et vous avez une application React prête à démarrer réellement imeuble; pas besoin de perdre votre temps sur la routine de configuration ennuyeuse.
Donner un coup de feuet voyez combien de temps vous pouvez gagner !