Kendoreact
HINWEIS : Wir verwenden dieses Repo als Fehler -Tracker und listen hilfreiche Kendoreact -Ressourcen auf. Dieses Repository enthält nicht den Kendoreact -Quellcode.
Kendoreact ist eine professionelle UI -Komponenten und eine Datenvisualisierungsbibliothek für die Reaktion auf eine Mission, um Sie bei der Gestaltung und Aufbau von Geschäftsanwendungen mit React viel schneller zu entwerfen und zu erstellen.
Inhaltsverzeichnis
- Häufige Unterstützungsfragen
- Wo finde ich Hilfe?
- Wie melde ich einen Fehler?
- Wann planen Sie, Feature X zu veröffentlichen?
- Reagieren Sie UI -Komponenten
- Design-to-Development-Unterstützung
- Probenanwendungen
- Kaffeelager Dashboard
- Finanzportfolio
- Dateimanager
- NODEJS/ASP.NET CORE Server
- Github gibt Grid aus
- Nützliche Links
- Lizenzierung
Häufige Unterstützungsfragen
Wo finde ich Hilfe?
- Für die Unterstützung der Community empfehlen wir, Fragen in unserem öffentlichen Forum oder zum Stapelüberlauf mit dem Kendo-React-UI-Tag zu stellen.
- Inhaber von Kendoreact -Lizenzinhaber können unseren offiziellen Support -Kanal verwenden, um Support -Tickets einzureichen.
Wie melde ich einen Fehler?
Wenn Sie einen Fehler bei Kendoreact melden möchten, überprüfen Sie bitte zunächst den Ausgaber -Tracker dieses Repo, um sicherzustellen, dass Ihr Problem noch nicht gemeldet wurde. Wenn Sie Ihr Problem dort nicht finden können, befolgen Sie bitte die folgenden Reproduktionsschritte:
- Finden Sie ein Beispiel in der Kendoreact -Dokumentation, die Ihrem Anwendungsfall ähnlich aussieht.
- Öffnen Sie dieses Beispiel in Stackblitz, indem Sie die Schaltfläche "Stackblitz" bearbeiten.
- Geben Sie das Stackblitz -Projekt mit der Gabelstaste oben in der Stackblitz -Schnittstelle an.
- Ändern Sie den Code in Ihrem Stackblitz -Projekt, damit er das Problem mit Kendoreact zeigt. Versuchen Sie, die minimal mögliche Codemenge einzuschließen.
- Speichern Sie Ihr Stackblitz -Projekt, indem Sie die Schaltfläche Speichern oben in der Stackblitz -Schnittstelle speichern.
- Kopieren Sie die URL Ihres Stackblitz -Projekts aus der Adressleiste Ihres Browsers.
- Öffnen Sie in der Beschreibung ein neues Problem in diesem Repo und in Ihrem Stackblitz -Link.
- Geben Sie alle zusätzlichen Informationen an, die wir für die Reproduktion des Problems wie Browserversion, Schritte zur Ausführung usw. benötigen, usw.
Wir sind möglicherweise nicht in der Lage, ohne eine laufbare Demo auf Themen zu reagieren.
Wenn Sie Unterstützung bei der Fehlerbehebung oder Isolierung eines Problems benötigen, können Sie über unser Support -Ticket -System eine Remote Assistance -Sitzung anfordern. Fernunterstützung ist in unserem Abonnement für das ultimative Support enthalten.
Wann planen Sie, Feature X zu veröffentlichen?
- Überprüfen Sie die Kendoreact -Roadmap, um eine Liste der geplanten Funktionen anzuzeigen.
- Wenn Ihre Funktion dort nicht aufgeführt ist, überprüfen Sie unser Feedback -Portal. Wenn Sie Ihre Funktion in unserem Portal nicht sehen, können Sie die Funktion dort anfordern.
Reagieren Sie UI -Komponenten
Animationen
| Animation | Reagieren Sie Animationsfunktionen | Dokumentation & Demos |
Barcodes
| Barcode | React Barcode -Funktionen | Dokumentation & Demos |
| QR -Code | Reagieren Sie QR -Codefunktionen | Dokumentation & Demos |
Knöpfe
| Taste | Reagentaste -Funktionen | Dokumentation & Demos |
| Buttongroup | Reagieren Sie die Buttongroup -Funktionen | Dokumentation & Demos |
| Chip | Reagieren Sie Chip -Funktionen | Dokumentation & Demos |
| Chiplist | Reaktieren Sie Chiplisten -Merkmale | Dokumentation & Demos |
| Dropdownbutton | React DropdownButton -Funktionen | Dokumentation & Demos |
| FloatingActionButton | Reagieren Sie schwimmende Aktionsknopffunktionen | Dokumentation & Demos |
| Splitbutton | React SplitButton -Funktionen | Dokumentation & Demos |
| Symbolleiste | React Symbolleiste -Funktionen | Dokumentation & Demos |
Diagramme
| Diagramm | Reagieren Sie Diagrammfunktionen | Dokumentation & Demos |
| Heatmap | React Heatmap -Merkmale reagieren | Dokumentation & Demos |
| Sparlin | Reagieren Sie die Funkklinefunktionen | Dokumentation & Demos |
| Flächendiagramm | Reagieren Sie Flächendiagrammfunktionen | Dokumentation & Demos |
| Balkendiagramm | React -Balkendiagrammfunktionen | Dokumentation & Demos |
| Box -Handlung | React -Box -Plotfunktionen | Dokumentation & Demos |
| Blasendiagramm | Reaktieren Sie Blasendiagrammfunktionen | Dokumentation & Demos |
| Donut -Diagramm | Reaktieren Sie Donut -Diagrammfunktionen | Dokumentation & Demos |
| Trichterdiagramm | Reagieren Sie Trichter -Diagrammfunktionen | Dokumentation & Demos |
| Zeilendiagramm | React Line -Diagrammfunktionen | Dokumentation & Demos |
| Kreisdiagramm | Reagieren Sie die Kreisdiagrammfunktionen | Dokumentation & Demos |
| Polardiagramm | Reaktieren Sie Polar -Diagrammfunktionen | Dokumentation & Demos |
| Pyramidendiagramm | Reagieren Sie Pyramid -Diagrammfunktionen | Dokumentation & Demos |
| Radardiagramm | Reagieren Sie Radar -Diagramm -Merkmale | Dokumentation & Demos |
| Bereichsbereichstabelle | React Range Area -Diagrammfunktionen | Dokumentation & Demos |
| Streudiagramm | Reagieren Sie Streudiagrammfunktionen | Dokumentation & Demos |
| Sankey -Diagramm | Reagieren Sie Sankey -Diagrammfunktionen | Dokumentation & Demos |
Gemeinsame Dienstprogramme
| Drag & Drop -Dienstprogramme | Reagieren Sie Drag & Drop -Dienstprogrammefunktionen | Dokumentation & Demos |
| Typografie | Reagieren Sie Typografiefunktionen | Dokumentation & Demos |
| Symbol und SVG -Symbol | React Icon & SVG -Icon -Funktionen reagieren | Dokumentation & Demos |
Konversations -Benutzeroberfläche
| Konversations -Benutzeroberfläche | Reagieren Sie die Konversations -UI -Funktionen | Dokumentation & Demos |
| Aiprompt | Reagieren Sie Aiprompt -Funktionen | Dokumentation & Demos |
Datenraster
| Datenraster | Reagieren Sie Datengitterfunktionen | Dokumentation & Demos |
Datenabfrage
| Datenabfrage | Reagieren Sie Datenabfragefunktionen | Dokumentation & Demos |
Datenwerkzeuge
| Filter | React -Filtermerkmale reagieren | Dokumentation & Demos |
| Pager | Reagieren Sie Pager -Funktionen | Dokumentation & Demos |
Datumseingänge
| Kalender | Reagieren Sie Kalenderfunktionen | Dokumentation & Demos |
| DateInput | React DateInput -Funktionen | Dokumentation & Demos |
| DatePicker | React DatePicker -Funktionen | Dokumentation & Demos |
| Daterangepicker | React Daterangepicker -Funktionen | Dokumentation & Demos |
| DateTimePicker | React DateTimePicker -Funktionen | Dokumentation & Demos |
| MultiviewCalendar | React MultiviewCalendar -Funktionen | Dokumentation & Demos |
| TimePicker | Reagieren Sie TimePicker -Funktionen | Dokumentation & Demos |
Datum Mathematik
| Datum Mathematik | React Datum Mathematikfunktionen | Dokumentation & Demos |
Dialoge
| Dialog | Dialogmerkmale reagieren | Dokumentation & Demos |
| Fenster | Reagieren Sie Fensterfunktionen | Dokumentation & Demos |
Zeichnung
| Zeichnungsbibliothek | Reagieren Sie Zeichnungsbibliotheksfunktionen | Dokumentation & Demos |
Dropdowns
| Automatisch vervollständigt | Reagieren Sie automatische Funktionen | Dokumentation & Demos |
| Combobox | Reaktieren Sie Combobox -Merkmale | Dokumentation & Demos |
| Dropdownlist | React DropdownList -Funktionen | Dokumentation & Demos |
| DropdownTree | React DropdownTree -Funktionen | Dokumentation & Demos |
| Multikolumcombobox | Reaktieren Sie mehrfache Combobox -Merkmale | Dokumentation & Demos |
| Multiselect | Reaktieren Sie Multiselect -Merkmale | Dokumentation & Demos |
| Multiselect -Baum | Reaktieren Sie Multiselect -Baummerkmale | Dokumentation & Demos |
Editor
| Editor | React Editor -Funktionen | Dokumentation & Demos |
Excel Export
| Excel Export | Reaktieren Sie Excel -Exportfunktionen | Dokumentation & Demos |
Dateisparer
| Dateisparer | React Dateisparfunktionen reagieren | Dokumentation & Demos |
Bilden
| Bilden | Reagieren Sie Formularmerkmale | Dokumentation & Demos |
| FieldArray | React FieldArray -Funktionen | Dokumentation & Demos |
| Fieldwrapper | React FieldWrapper -Funktionen | Dokumentation & Demos |
| Formelement | Reagieren Sie Formelementfunktionen | Dokumentation & Demos |
Gantt
| Gantt | Reagieren Sie Gantt -Diagrammfunktionen | Dokumentation & Demos |
Messgeräte
| Bogenmessgerät | Reagieren Sie Lichtbogenmessfunktionen | Dokumentation & Demos |
| Kreismessgerät | Reagieren Sie kreisförmige Messgeräte. | Dokumentation & Demos |
| Lineare Messgerät | Reaktieren Sie lineare Messgerätefunktionen | Dokumentation & Demos |
| Radialanzeige | Reaktieren Sie die Merkmale der Radialmessstufe | Dokumentation & Demos |
Indikatoren
| Abzeichen | React Badge -Funktionen | Dokumentation & Demos |
| Lader | Reagieren Sie Ladereigenschaften | Dokumentation & Demos |
| Skeleton | Reagieren Sie Skelettmerkmale | Dokumentation & Demos |
Eingänge
| Kontrollkästchen | Kontrollkästchen -Funktionen reagieren | Dokumentation & Demos |
| Farbgradient | Reagieren Sie Farbgradient -Merkmale | Dokumentation & Demos |
| Colorpalette | Reagieren Sie Colorpalette -Funktionen | Dokumentation & Demos |
| Colorpicker | Reagieren Sie Colorpicker -Funktionen | Dokumentation & Demos |
| Flatcolorpicker | React Flatcolorpicker -Funktionen | Dokumentation & Demos |
| Eingang | Reagieren Sie Eingangsmerkmale | Dokumentation & Demos |
| MaskedTextBox | React MaskedTextBox -Funktionen | Dokumentation & Demos |
| Numerictextbox | React numerictextBox -Funktionen | Dokumentation & Demos |
| Radiobutton | Reaktieren Sie Radiobutton -Funktionen | Dokumentation & Demos |
| Radiobuttongrup | Reagieren Sie die Fedrig -Merkmale von Radiobuttongroup | Dokumentation & Demos |
| Rangeslider | React Rangeslider -Funktionen | Dokumentation & Demos |
| Bewertung | React -Bewertungsfunktionen | Dokumentation & Demos |
| Schieberegler | React Slider -Merkmale | Dokumentation & Demos |
| Schalten | React Switch -Funktionen | Dokumentation & Demos |
| Textbereich | Reagieren Sie die Funktionen von TextArea | Dokumentation & Demos |
Etiketten
| Fehler | Reagieren Sie Fehlerfunktionen | Dokumentation & Demos |
| Floatinglabel | Reagieren Sie FloatingLabel -Merkmale | Dokumentation & Demos |
| Hinweis | React Hinweisfunktionen | Dokumentation & Demos |
| Etikett | React -Etikettenfunktionen reagieren | Dokumentation & Demos |
Layout
| Appbar | React Appbar -Funktionen | Dokumentation & Demos |
| Avatar | Reagieren Sie Avatar -Funktionen | Dokumentation & Demos |
| Bottomnavigation | Reagieren Sie die unteren Navigationsmerkmale | Dokumentation & Demos |
| Breadcrumb | Reagieren Sie Breadcrumb -Merkmale | Dokumentation & Demos |
| Karte | Kartenfunktionen reagieren | Dokumentation & Demos |
| Schublade | Reagieren Sie Schubladenmerkmale | Dokumentation & Demos |
| Expansionspanel | Reagieren expansionspanel | Dokumentation & Demos |
| Gitterlayout | Reagieren Sie Gitterlayoutfunktionen | Dokumentation & Demos |
| Speisekarte | React -Menüfunktionen | Dokumentation & Demos |
| Panelbar | React PanelBar -Funktionen | Dokumentation & Demos |
| Splitter | Reagieren Sie Splitterfunktionen | Dokumentation & Demos |
| Stack -Layout | React Stack -Layout -Funktionen reagieren | Dokumentation & Demos |
| Stepper | Reagieren Sie Stepper -Funktionen | Dokumentation & Demos |
| Tabstrip | React Tabstrip -Funktionen | Dokumentation & Demos |
| Tilelayout | Reagieren Sie Tilelayout -Funktionen | Dokumentation & Demos |
| Zeitleiste | Timeline -Funktionen reagieren | Dokumentation & Demos |
Listbox
| Listbox | React Listbox -Funktionen | Dokumentation & Demos |
ListView
| ListView | React ListView -Funktionen | Dokumentation & Demos |
Benachrichtigung
| Benachrichtigung | Benachrichtigungsmerkmale reagieren | Dokumentation & Demos |
PDF -Verarbeitung
| PDF -Generator | Reagieren Sie PDF -Generatormerkmale | Dokumentation & Demos |
Pivot Grid
| Pivotgrid | Reagieren Sie Pivot Grid -Merkmale | Dokumentation & Demos |
Popup
| Popup | Reagieren Sie Popup -Funktionen | Dokumentation & Demos |
Fortschrittsriegel
| ChunkProgressBar | React ChunkProgressBar -Merkmale | Dokumentation & Demos |
| Fortschrittsbar | React ProgressBar -Merkmale reagieren | Dokumentation & Demos |
Ripple
| Ripple | React Ripple -Merkmale | Dokumentation & Demos |
Scheduler
| Scheduler | React Scheduler -Funktionen | Dokumentation & Demos |
Scrollview (Karussell)
| Scrollview | React ScrollView (Carousel) -Funktionen | Dokumentation & Demos |
Sortierbar
| Sortierbar | Reagieren sortierbare Merkmale | Dokumentation & Demos |
Tooltips
| Tooltip | React Tooltip -Funktionen | Dokumentation & Demos |
| Popover | Reagieren Sie Popover -Funktionen | Dokumentation & Demos |
Dreier
| Dreier | Reagieren Sie die Treelist -Merkmale | Dokumentation & Demos |
Treeview
| Treeview | React TreeView -Funktionen | Dokumentation & Demos |
Hochladen
| Externe Tropfenzone | Reaktieren Sie externe Tropfenzonenmerkmale | Dokumentation & Demos |
| Hochladen | Reagieren Sie die Funktionen von Upload -Funktionen | Dokumentation & Demos |
Orgchart
| Orgchart | React orgchart -Funktionen | Dokumentation & Demos |
Kalkulationstabelle
| Kalkulationstabelle | Reagieren Sie die Tabellenkalkulationsfunktionen | Dokumentation & Demos |
PDFViewer
| PDFViewer | React PDFViewer -Funktionen | Dokumentation & Demos |
Tickermarke
| Tickermarke | Reagieren Sie Taskboard -Funktionen | Dokumentation & Demos |
Design-to-Development-Unterstützung
3 Designthemen
| Standardthema | KendoreAct Standardthema |
| Materialthema | Kendoreact Materialthema |
| Bootstrap -Thema | Kendoreact Bootstrap -Thema |
| Fließendes Thema | Kendoreact Fluent Thema |
Design -Kits
| 3 Kendo UI -Designkits für Figma | Kendo UI Figma Design Kits | Dokumentation |
Passen Sie die Kendoreact -Themen an, um Ihrer Marke zu entsprechen
| KendoreAct ThemeBuilder | Wenden Sie Ihre Markenfarben an | KendoreAct ThemeBuilder App |
Probenanwendungen
Reags -Dashboard -Anwendung
Wir haben die React -Dashboard -Anwendung erstellt, nachdem die Best Practices für die Erstellung von Benutzeroberflächen mit Kendoreact -Komponenten erstellt wurden, was sie zu einer fantastischen Lernressource macht. Sie können sehen, wie einfach es ist, komplexe Komponenten wie das Datenraster (Tabelle), Diagramme, Scheduler oder Formulare einzurichten.
Finanzportfolioantrag
Die Anwendung von React Financial Portfolio zeigt, wie schnelle, schöne und dynamische Finanz Dashboards erstellt werden. Es nutzt die schnelle Renderung von React voll aus und zeigt dynamische Datenaktualisierungen in Echtzeit an, wodurch die Überwachung von Daten ohne sichtbare Verzögerung ermöglicht wird.
Dateimanager -Vorlagenanwendung
Die Anwendung von React Datei Manager ist eine explorerähnliche Anwendung, die vollständig mit Kendoreact-Komponenten erstellt wurde, mit denen Sie Dateien und Ordner verwalten können. Sie können zusätzliche Informationen über die ausgewählte Datei in einem Vorschriften-Vorschau-Bereich anzeigen, die Sie an einer Schalttaste anzeigen oder ausblenden können.
Reagieren Sie das Datenraster mit NodeJS / ASP.Net Core Server -Beispiel
Sie können zwei mit dem Kendoreact Data Grid auf dem Frontend und Node.js und ASP.NET Core für das Backend als Referenz zum Erstellen Ihrer eigenen Anwendungen verwendet. Wir hoffen, dass sie dazu beitragen, die Komplexität des Anschließens eines Servers an unsere React -Datentabellenkomponente zu verringern.
- Siehe das React Data Grid mit NodeJS Express Server -Beispiel -App
- Siehe das React Data Grid mit ASP.NET Core Server -Beispiel -App
Github gibt Grid aus
Die React GitHub -Probleme zeigt, wie ein Kendoreact -Datenraster verwendet wird, um einen großen Datensatz zu verwalten - in diesem Fall alle Probleme in den Hauptrepositionen von Facebook und GraphQL.
Nützliche Links
- Roadmap - Sehen Sie, was nach Kendoreact kommt.
- Changelog - Eine vollständige Liste der in Kendoreact verstellten Veröffentlichungen.
- React Resources Hub - Eine hilfreiche Liste von Kendoreact -Tutorials, Blogs, Videos und mehr.
- Support Hub-Technische Ressourcen und Anleitungen.
- Virtueller Klassenzimmer-technisches Training On-Demand, kostenlos mit einer Testversion oder Lizenz.
- Preisgestaltung - Erfahren Sie mehr über das, was Sie mit einer Kendoreact -Lizenz erhalten.
- React Blogs-Erforschen Sie viele hilfreiche, von Experten geschriebene Blogs und Tutorials zu allem, was reagiert, einschließlich Kendoreact-spezifischer Führer.
- Reagieren Sie Mittwoch - eine wöchentliche Chat -Show mit der besten und hellsten aus der React -Welt, die von TJ Vantoll veranstaltet wird.
Lizenzierung
Kendoreact ist eine kommerzielle UI -Bibliothek. Sie müssen einen Lizenzschlüssel installieren, wenn Sie das Paket zu Ihrem Projekt hinzufügen. Um einen Lizenzschlüssel zu erhalten, müssen Sie entweder eine Lizenz erwerben oder für eine kostenlose Testversion registrieren. Dies zeigt an, dass Sie die Kendoreact -Lizenzvereinbarung akzeptieren. Weitere Informationen finden Sie in der Seite KendoreAct My Lizenz.
Die 30-Tage-Freie Testversion bietet Ihnen Zugriff auf alle Kendoreact-Komponenten und deren vollständige Funktionalität. Darüber hinaus erhalten Sie für den Zeitraum Ihrer Lizenz Zugang zu unserem legendären technischen Support, der direkt vom Kendoreact Dev Team bereitgestellt wird!
