Kendoreact
Remarque : nous utilisons ce référentiel en tant que tracker de bogues et pour répertorier les ressources utiles de Kendoreact. Ce référentiel ne contient pas le code source de Kendoreact.
Kendoreact est une bibliothèque professionnelle de composants d'interface utilisateur et de visualisation de données pour réagir en mission pour vous aider à concevoir et à créer des applications commerciales avec réagir beaucoup plus rapidement.
Table des matières
- Questions d'assistance communes
- Où puis-je trouver de l'aide?
- Comment signaler un bug?
- Quand prévoyez-vous de publier la fonctionnalité x?
- React UI Components
- Support de conception à développement
- Exemples d'applications
- Tableau de bord d'entrepôt de café
- Portefeuille financier
- Gestionnaire de fichiers
- Nodejs / ASP.net Core Server
- Github Issues Grid
- Liens utiles
- Licence
Questions d'assistance communes
Où puis-je trouver de l'aide?
- Pour le soutien communautaire, nous vous recommandons de poser des questions sur notre forum public ou un débordement de pile à l'aide de la balise Kendo-REACT-UI.
- Les titulaires de licences de Kendoreact peuvent utiliser notre canal de support officiel pour soumettre des billets de support.
Comment signaler un bug?
Si vous souhaitez signaler un bogue avec Kendoreact, veuillez commencer par examiner le tracker de problème de ce référentiel pour vous assurer que votre problème n'a pas déjà été signalé. Si vous ne trouvez pas votre problème là-bas, veuillez suivre les étapes de reproduction suivantes:
- Trouvez un exemple dans la documentation de Kendoreact qui ressemble à votre cas d'utilisation.
- Ouvrez cet exemple dans Stackblitz en utilisant le bouton Modifier dans Stackblitz .
- Fourk le projet Stackblitz en utilisant le bouton Fork en haut de l'interface Stackblitz.
- Modifiez le code dans votre projet Stackblitz afin qu'il affiche le problème que vous rencontrez avec Kendoreact. Essayez d'inclure le montant minimum possible de code.
- Enregistrez votre projet Stackblitz en utilisant le bouton Enregistrer en haut de l'interface Stackblitz.
- Copiez l'URL de votre projet Stackblitz à partir de la barre d'adresse de votre navigateur.
- Ouvrez un nouveau problème dans ce dépôt et votre lien stackblitz dans la description.
- Fournissez des informations supplémentaires nécessaires pour reproduire le problème, comme la version du navigateur, les étapes à effectuer, etc.
Nous pourrions ne pas être en mesure d'agir sur des questions sans une démo coulable.
Si vous avez besoin d'aide pour dépanner ou isoler un problème, vous pouvez demander une session d'assistance distante via notre système de billets d'assistance. L'assistance à distance est incluse dans notre abonnement Ultimate Support.
Quand prévoyez-vous de publier la fonctionnalité x?
- Vérifiez la feuille de route Kendoreact pour voir une liste des fonctionnalités que nous avons prévues.
- Si votre fonctionnalité n'y est pas répertoriée, consultez notre portail de commentaires. Si vous ne voyez pas votre fonctionnalité sur notre portail, vous pouvez y demander la fonctionnalité.
React UI Components
Animations
| Animation | Reaging Animation Fonctions | Documentation et démos |
Codes à barres
| Code-barres | Réagissements de codes à barres | Documentation et démos |
| Code QR | React Code QR Fonctionnalités | Documentation et démos |
Boutons
| Bouton | Fonctionnalités du bouton réagi | Documentation et démos |
| Couple | Réagir les fonctionnalités de Buttongroup | Documentation et démos |
| Ébrécher | Reagues Fonctionnalités de la puce | Documentation et démos |
| Liste de puces | React Chiplist Fonctions | Documentation et démos |
| Dropdownbutton | React Dropdownbutton Fonctions | Documentation et démos |
| FloatingActionButton | Réagir les fonctionnalités du bouton d'action flottante | Documentation et démos |
| Splitbutton | React SplitButton Fonctions | Documentation et démos |
| Barre d'outils | Reagir les fonctionnalités de la barre d'outils | Documentation et démos |
Graphiques
| Graphique | Caractéristiques du graphique de réaction | Documentation et démos |
| Masse thermique | Réagir les caractéristiques de la carte thermique | Documentation et démos |
| Ligne d'étincelle | React Sparkline Caractéristiques | Documentation et démos |
| Graphique de la zone | Réagissements des caractéristiques du graphique de la zone | Documentation et démos |
| Graphique à barres | Caractéristiques du graphique à barres réagi | Documentation et démos |
| Tracé de la boîte | Réagissements des fonctions de tracé de la boîte | Documentation et démos |
| Graphique à bulles | Réagissements des caractéristiques du graphique à bulles | Documentation et démos |
| Graphique de beignet | Réagir les fonctionnalités du graphique des beignets | Documentation et démos |
| Tableau des entonnoirs | Réagissements des fonctionnalités du tableau des entonnoirs | Documentation et démos |
| Graphique de ligne | Caractéristiques du graphique de réaction | Documentation et démos |
| Graphique à tarte | Caractéristiques du graphique à tarte réagi | Documentation et démos |
| Carte polaire | React Caractéristiques du graphique polaire | Documentation et démos |
| Tableau des pyramides | Réagir les fonctionnalités du graphique pyramide | Documentation et démos |
| Graphique radar | Caractéristiques du graphique radar React | Documentation et démos |
| Graphique de la zone | Caractéristiques du graphique de la zone React Range | Documentation et démos |
| Graphique de dispersion | Caractéristiques du graphique de dispersion React | Documentation et démos |
| Sankey Chart | React Sankey Chart Features | Documentation et démos |
Services publics communs
| Drag & Drop Utilities | Caractéristiques des utilitaires de glisser-déposer React | Documentation et démos |
| Typographie | Reagues Fonctionnalités de typographie | Documentation et démos |
| Icône et icône SVG | Caractéristiques de l'icône React Icon & SVG | Documentation et démos |
UI conversationnel
| UI conversationnel | Réagir les fonctionnalités de l'interface utilisateur | Documentation et démos |
| Aiprompt | Réagir les fonctionnalités AipRomppt | Documentation et démos |
Réseau de données
| Réseau de données | Reagues Fonctionnalités de la grille de données | Documentation et démos |
Requête de données
| Requête de données | Réagir les fonctionnalités de requête de données | Documentation et démos |
Outils de données
| Filtre | Caractéristiques du filtre réagi | Documentation et démos |
| Sacrer | Réagissements des fonctionnalités | Documentation et démos |
Entrées de date
| Calendrier | Caractéristiques du calendrier réagi | Documentation et démos |
| Dater | Réagir les fonctionnalités de dateinput | Documentation et démos |
| Dattepicker | React DatePicker Fonctions | Documentation et démos |
| Daterangepicker | React DaterangePicker Fonctions | Documentation et démos |
| Datetimepicker | React DatetimePicker Fonctions | Documentation et démos |
| Multivalendar | React MultiViewCalendar Fonctions | Documentation et démos |
| Timepicker | Réagir des fonctionnalités de timepicker | Documentation et démos |
Date de mathématiques
| Date de mathématiques | Réagir les fonctionnalités mathématiques de la date | Documentation et démos |
Dialogue
| Dialogue | Reagir les fonctions de dialogue | Documentation et démos |
| Fenêtre | Réagissements de fenêtre | Documentation et démos |
Dessin
| Bibliothèque de dessin | React Drawing Library Fonctions | Documentation et démos |
Listes déroulantes
| Assortiment automatique | Réagir les fonctionnalités de saisie semi-automatique | Documentation et démos |
| Peigne | React Fonctionnalités ComboBox | Documentation et démos |
| Liste de dropdown | React Dropdownlist Fonctions | Documentation et démos |
| Dropdowntree | React DropdownTree Fonctions | Documentation et démos |
| Multicolumncombobox | Réagir des fonctionnalités de combobox multicolumn | Documentation et démos |
| MultiseLECT | Réagir les fonctionnalités multiselectaires | Documentation et démos |
| Arbre multiselect | Réagir les caractéristiques de l'arbre multi-élect | Documentation et démos |
Éditeur
| Éditeur | Reaging Editor Fonctions | Documentation et démos |
Excel Exportation
| Excel Exportation | Caractéristiques d'exportation React Excel | Documentation et démos |
Gain de fichier
| Gain de fichier | Réagisseurs d'économies de fichiers | Documentation et démos |
Formulaire
| Formulaire | Caractéristiques de la forme réagi | Documentation et démos |
| Champ de champ | React FieldArray Fonctions | Documentation et démos |
| Drape de terrain | React FieldWrapper Fonctions | Documentation et démos |
| Formation | Réagissements des fonctionnalités de formation | Documentation et démos |
Gantt
| Gantt | Caractéristiques du graphique Gantt React | Documentation et démos |
Jauges
| Calibre à arc | Caractéristiques de la jauge à arc react | Documentation et démos |
| Calibre circulaire | Réagir des caractéristiques de la jauge circulaire | Documentation et démos |
| Jauge linéaire | Réagir des caractéristiques de jauge linéaire | Documentation et démos |
| Jauge radiale | Réagir des caractéristiques de la jauge radiale | Documentation et démos |
Indicateurs
| Badge | Caractéristiques de l'insigne React | Documentation et démos |
| Chargeur | Caractéristiques du chargeur réagi | Documentation et démos |
| Squelette | Réagis aux fonctions du squelette | Documentation et démos |
Entrées
| Cocher | Réagir les fonctionnalités de la case à cocher | Documentation et démos |
| Coloré | React Colorgradient Caractéristiques | Documentation et démos |
| Colorpalette | React ColorPalette Caractéristiques | Documentation et démos |
| Colorpicker | Reaging ColorPicker Fonctions | Documentation et démos |
| Flatcolorpicker | React FlatColorPicker Fonctions | Documentation et démos |
| Saisir | Réagir les fonctionnalités d'entrée | Documentation et démos |
| MaskedTextBox | React MaskedTextBox Fonctions | Documentation et démos |
| NUMERICTEXTBOX | React NumeRICTextBox Fonctions | Documentation et démos |
| Radiobutton | React Radiobutton Caractéristiques | Documentation et démos |
| Radiobuttongroup | React Radiobuttongroup Fonctionnalités | Documentation et démos |
| Grenouilleur | Reaging RangeSlider Fonctionnalités | Documentation et démos |
| Notation | Caractéristiques de notation React | Documentation et démos |
| Curseur | Réagissements de curseur | Documentation et démos |
| Changer | Fonctionnalités de l'interrupteur React | Documentation et démos |
| Textarea | React TextArea Caractéristiques | Documentation et démos |
Étiquettes
| Erreur | Réagisseurs d'erreur | Documentation et démos |
| FloatingLabel | React FloatingLabel Fonctionnalités | Documentation et démos |
| Indice | Réagissements des caractéristiques | Documentation et démos |
| Étiquette | Caractéristiques de l'étiquette de réaction | Documentation et démos |
Mise en page
| Appbar | React Appbar Fonctions | Documentation et démos |
| Avatar | React Avatar Caractéristiques | Documentation et démos |
| Norme de fond | Réagir les fonctionnalités de navigation du fond | Documentation et démos |
| Chapelure | Réagir des caractéristiques de chapelure | Documentation et démos |
| Carte | Caractéristiques de la carte réagi | Documentation et démos |
| Tiroir | Caractéristiques du tiroir réagi | Documentation et démos |
| Expansion | Réagir des fonctionnalités de panes d'expansion | Documentation et démos |
| Disposition de la grille | Caractéristiques de mise en page React Grid | Documentation et démos |
| Menu | Caractéristiques du menu React | Documentation et démos |
| Barre de panneau | Caractéristiques de la barre de panneau réagi | Documentation et démos |
| Éclater | Réagisseurs de séparateurs | Documentation et démos |
| Disposition de la pile | Reagir les fonctionnalités de mise en page de la pile | Documentation et démos |
| Passager | Réagissements de stepper | Documentation et démos |
| Tabstrip | Reagues Tabstrip Fonctionnalités | Documentation et démos |
| Tilelayout | React TileLayout Fonctionnalités | Documentation et démos |
| Chronologie | Réagir les fonctionnalités de la chronologie | Documentation et démos |
Liste de listes
| Liste de listes | React Listbox Fonctions | Documentation et démos |
ListView
| ListView | Fonctionnalités React ListView | Documentation et démos |
Notification
| Notification | Caractéristiques de notification de réaction | Documentation et démos |
Traitement PDF
| Générateur PDF | Réagir les fonctionnalités du générateur PDF | Documentation et démos |
Grille de pivot
| Pivotgride | Reaging Pivot Grid Caractéristiques | Documentation et démos |
Surgir
| Surgir | Reagues Fonctionnalités contextuelles | Documentation et démos |
Bars de progression
| Chunkprogressbar | React ChunkprogressBar Fonctions | Documentation et démos |
| Barre de progrès | React ProgressBar Fonctions | Documentation et démos |
Ondulation
| Ondulation | Reaging Ripple Caractéristiques | Documentation et démos |
Planificateur
| Planificateur | Caractéristiques du planificateur React | Documentation et démos |
ScrollView (carrousel)
| Scrollview | Caractéristiques React ScrollView (Carousel) | Documentation et démos |
Sortable
| Sortable | Réagir des fonctionnalités triables | Documentation et démos |
Infractions
| Infraction | Caractéristiques de l'info-bulle réagi | Documentation et démos |
| Sautissement | Reaging Popover Fonctions | Documentation et démos |
Treillis
| Treillis | Réagir les fonctionnalités du Treelist | Documentation et démos |
TreeView
| TreeView | Caractéristiques React TreeView | Documentation et démos |
Télécharger
| Zone de chute externe | Réagir les fonctionnalités de zone de chute externe | Documentation et démos |
| Télécharger | Reagues Téléchargez les fonctionnalités | Documentation et démos |
Orgchart
| Orgchart | React Orgchart Caractéristiques | Documentation et démos |
Tableur
| Tableur | Reagir les fonctionnalités de feuille de calcul | Documentation et démos |
PDFVIEWER
| PDFVIEWER | Réagir les fonctionnalités PDFViewer | Documentation et démos |
Tableau de travail
| Tableau de travail | Caractéristiques du tableau des tâches React | Documentation et démos |
Support de conception à développement
3 thèmes de conception
| Thème par défaut | Thème par défaut de kendoreact |
| Thème matériel | Thème matériel kendoreact |
| Thème bootstrap | Thème bootstrap kendoreact |
| Thème fluide | Thème courant kendoreact |
Kits de conception
| 3 kits de conception Kendo UI pour Figma | Kendo Kits de conception Figma UI Figma | Documentation |
Personnalisez les thèmes de Kendoreact pour correspondre à votre marque
| Kendoreact thèmebuilder | Appliquez les couleurs de votre marque | Application kendoreact thèmebuilder |
Exemples d'applications
Application React Dashboard
Nous avons créé l'application React Dashboard à la suite des meilleures pratiques de création d'interface utilisateur avec des composants Kendoreact, ce qui en fait une ressource d'apprentissage fantastique. Vous pouvez voir à quel point il est facile de configurer des composants complexes tels que la grille de données (table), les graphiques, le planificateur ou les formulaires.
- Démo en direct
- Code source
Application de portefeuille financier
L'application React Financial Portfolio montre comment créer des tableaux de bord financiers rapides, beaux et dynamiques. Il profite pleinement du rendu rapide de React et affiche des mises à jour dynamiques de données en temps réel, ce qui permet de surveiller les données sans retard visible.
- Démo en direct
- Code source
Application du modèle de gestionnaire de fichiers
L'application React File Manager est une application de type Explorer entièrement construite avec des composants KendoreAct qui vous permet de gérer les fichiers et les dossiers. Vous pouvez afficher des informations supplémentaires sur le fichier sélectionné dans un volet d'aperçu personnalisable de modèle, que vous pouvez afficher ou masquer un bouton de commutateur.
- Démo en direct
- Code source
React Data Grid avec NodeJS / ASP.NET Core Server Exemple
Vous pouvez profiter de deux applications d'échantillons de pile complètes construites avec la grille de données de KendoreAct sur le frontend et Node.js et Asp.net Core sur le backend à utiliser comme référence lors de la création de vos propres applications. Nous espérons qu'ils contribueront à réduire la complexité de la connexion d'un serveur à notre composant React Data Table.
- Voir la grille de données React avec l'application d'exemple de serveur express Nodejs Express
- Voir la grille de données React avec ASP.NET Core Server Exemple d'application
Github Issues Grid
L'application React GitHub Issues montre comment utiliser une grille de données Kendoreact pour gérer un grand ensemble de données - dans ce cas, tous les problèmes dans les principaux réapprovisionnements de Facebook React et GraphQL.
- Démo en direct
- Code source
Liens utiles
- Feuille de route - Voir ce qui arrive à Kendoreact.
- ChangeLog - Une liste complète de ce qui a changé dans les versions de Kendoreact.
- React Resources Hub - Une liste utile des didacticiels, blogs, vidéos, etc.
- Support Hub - Ressources techniques et articles pratiques.
- Salle de classe virtuelle - formation technique à la demande, gratuitement avec un essai ou une licence.
- Prix - En savoir plus sur ce que vous obtenez avec une licence Kendoreact.
- React Blogs - Explorez de nombreux blogs et tutoriels rédigés par des experts utiles sur tout React, y compris les guides spécifiques à Kendoreact.
- React mercredi - un salon de discussion hebdomadaire avec le meilleur et le plus brillant du monde React, organisé par TJ Vantoll.
Licence
Kendoreact est une bibliothèque d'interface utilisateur commerciale. Vous devrez installer une clé de licence lors de l'ajout du package à votre projet. Pour recevoir une clé de licence, vous devez soit acheter une licence ou vous inscrire à un essai gratuit. Cela indique que vous acceptez le contrat de licence Kendoreact. Pour plus d'informations, veuillez vous référer à la page Kendoreact ma licence.
L'essai gratuit de 30 jours vous donne accès à tous les composants de Kendoreact et à leur pleine fonctionnalité. De plus, pour la période de votre licence, vous avez accès à notre support technique légendaire fourni directement par l'équipe de développement de Kendoreact!
