Kendoreact
Catatan : Kami menggunakan repo ini sebagai pelacak bug, dan untuk mendaftar sumber daya KendoreAct yang bermanfaat. Repositori ini tidak berisi kode sumber KendoreAct.
KendoreAct adalah komponen UI profesional dan pustaka visualisasi data untuk bereaksi pada misi untuk membantu Anda merancang dan membangun aplikasi bisnis dengan React lebih cepat.

Daftar isi
- Pertanyaan Dukungan Umum
- Di mana saya dapat menemukan bantuan?
- Bagaimana cara melaporkan bug?
- Kapan Anda berencana untuk merilis fitur X?
- Komponen UI Bereaksi
- Dukungan desain-untuk-pengembangan
- Aplikasi sampel
- Dasbor Gudang Kopi
- Portofolio keuangan
- Manajer File
- NODEJS/ASP.NET Core Server
- Grid Masalah GitHub
- Tautan yang berguna
- Lisensi
Pertanyaan Dukungan Umum
Di mana saya dapat menemukan bantuan?
- Untuk dukungan masyarakat, kami merekomendasikan mengajukan pertanyaan di forum publik kami atau menumpuk overflow menggunakan tag Kendo-Reacct-UI.
- Pemegang lisensi KendoreAct dapat menggunakan saluran dukungan resmi kami untuk mengirimkan tiket dukungan.
Bagaimana cara melaporkan bug?
Jika Anda ingin melaporkan bug dengan KendoreAct, silakan mulai dengan meninjau pelacak masalah repo ini untuk memastikan masalah Anda belum dilaporkan. Jika Anda tidak dapat menemukan masalah Anda di sana, silakan ikuti langkah -langkah reproduksi berikut:
- Temukan contoh dalam dokumentasi KendoreAct yang terlihat mirip dengan kasus penggunaan Anda.
- Buka contoh itu di StackBlitz dengan menggunakan tombol Edit di StackBlitz .
- Fork Proyek StackBlitz dengan menggunakan tombol fork di bagian atas antarmuka StackBlitz.
- Ubah kode dalam proyek StackBlitz Anda sehingga menunjukkan masalah yang Anda alami dengan KendoreAct. Cobalah untuk memasukkan jumlah kode minimum yang mungkin.
- Simpan proyek StackBlitz Anda dengan menggunakan tombol Simpan di bagian atas antarmuka StackBlitz.
- Salin URL proyek StackBlitz Anda dari bilah alamat browser Anda.
- Buka masalah baru di repo ini dan tautan StackBlitz Anda dalam deskripsi.
- Berikan informasi tambahan yang diperlukan bagi kami untuk mereproduksi masalah, seperti versi browser, langkah -langkah yang harus dilakukan, dll.
Kami mungkin tidak dapat bertindak berdasarkan masalah tanpa demo yang dapat dijalankan.
Jika Anda memerlukan bantuan untuk pemecahan masalah atau mengisolasi masalah, Anda dapat meminta sesi bantuan jarak jauh melalui sistem tiket dukungan kami. Bantuan jarak jauh termasuk dalam langganan dukungan utama kami.
Kapan Anda berencana untuk merilis fitur X?
- Periksa peta jalan KendoreAct untuk melihat daftar fitur yang telah kami rencanakan.
- Jika fitur Anda tidak terdaftar di sana, periksa portal umpan balik kami. Jika Anda tidak melihat fitur Anda di portal kami, Anda dapat meminta fitur di sana.
Komponen UI Bereaksi
Animasi
| Animasi | Fitur Bereaksi Animasi | Dokumentasi & Demo |
Barcode
| Barcode | Fitur reaksi barcode | Dokumentasi & Demo |
| Kode QR | Bereaksi Fitur Kode QR | Dokumentasi & Demo |
Tombol
| Tombol | Fitur Tombol Bereaksi | Dokumentasi & Demo |
| Buttongroup | Fitur React Buttongroup | Dokumentasi & Demo |
| Chip | Fitur reaksi chip | Dokumentasi & Demo |
| Daftar chiplist | Fitur reaksi chiplist | Dokumentasi & Demo |
| Dropdownbutton | Fitur React DropdownButton | Dokumentasi & Demo |
| FloatingactionButton | Fitur Tombol Aksi Mengambang Bereaksi | Dokumentasi & Demo |
| Splitbutton | Fitur React SplitButton | Dokumentasi & Demo |
| Toolbar | Fitur React Toolbar | Dokumentasi & Demo |
Grafik
| Bagan | Fitur React Chart | Dokumentasi & Demo |
| Panas | Fitur React Heatmap | Dokumentasi & Demo |
| Sparkline | Fitur React Sparkline | Dokumentasi & Demo |
| Bagan Area | Fitur Bagan Area Bereaksi | Dokumentasi & Demo |
| Bagan batang | Fitur Bagan Bar Bereaksi | Dokumentasi & Demo |
| Plot kotak | Fitur Plot Kotak Bereaksi | Dokumentasi & Demo |
| Bagan Bubble | Fitur Bagan Gelembung Bereaksi | Dokumentasi & Demo |
| Bagan donat | React Donut Chart Fitur | Dokumentasi & Demo |
| Bagan Saluran | Fitur Bagan Corong Reaksi | Dokumentasi & Demo |
| Bagan baris | Fitur Bagan Garis Bereaksi | Dokumentasi & Demo |
| Diagram lingkaran | Fitur React Pie Chart | Dokumentasi & Demo |
| Bagan Kutub | Fitur React Polar Chart | Dokumentasi & Demo |
| Bagan piramida | Fitur Bagan Piramida Bereaksi | Dokumentasi & Demo |
| Bagan Radar | Fitur Bagan Radar Bereaksi | Dokumentasi & Demo |
| Bagan Area Rentang | Fitur Bagan Area Rentang Bereaksi | Dokumentasi & Demo |
| Bagan sebar | Fitur React Scatter Chart | Dokumentasi & Demo |
| Bagan Sankey | Fitur Bagan Reaksi Sankey | Dokumentasi & Demo |
Utilitas umum
| Seret & Jatuhkan Utilitas | Fitur React Drag & Drop Utilities | Dokumentasi & Demo |
| Tipografi | Fitur Tipografi Bereaksi | Dokumentasi & Demo |
| Ikon Ikon & SVG | Fitur Ikon Ikon & SVG | Dokumentasi & Demo |
UI percakapan
| UI percakapan | Bereaksi fitur UI percakapan | Dokumentasi & Demo |
| Aiprompt | Fitur reaksi aiprompt | Dokumentasi & Demo |
Kisi data
| Kisi data | Fitur Bereaksi Data Grid | Dokumentasi & Demo |
Kueri data
| Kueri data | Bereaksi Fitur Kueri Data | Dokumentasi & Demo |
Alat data
| Menyaring | Fitur Reaksi Filter | Dokumentasi & Demo |
| Pager | Fitur Bereaksi Pager | Dokumentasi & Demo |
Input tanggal
| Kalender | Fitur Kalender Bereaksi | Dokumentasi & Demo |
| DateInput | Fitur reaksi DateInput | Dokumentasi & Demo |
| Datepicker | Fitur React DatePicker | Dokumentasi & Demo |
| DaterangePicker | Fitur React DaterangePicker | Dokumentasi & Demo |
| DatetimePicker | Fitur Bereaksi DatetimePicker | Dokumentasi & Demo |
| MultiviewCalendar | Fitur React MultiviewCalendar | Dokumentasi & Demo |
| TimePicker | Fitur TimePicker Bereaksi | Dokumentasi & Demo |
Tanggal matematika
| Tanggal matematika | Bereaksi Fitur Matematika Tanggal | Dokumentasi & Demo |
Dialog
| Dialog | Fitur Dialog Bereaksi | Dokumentasi & Demo |
| Jendela | Fitur Jendela Bereaksi | Dokumentasi & Demo |
Menggambar
| Menggambar perpustakaan | Fitur Bereaksi Perpustakaan Menggambar | Dokumentasi & Demo |
Dropdown
| Autocomplete | React AutoComplete fitur | Dokumentasi & Demo |
| ComboBox | Fitur React ComboBox | Dokumentasi & Demo |
| Daftar dropdown | Fitur React DropdownList | Dokumentasi & Demo |
| Dropdowntree | Fitur React Dropdowntree | Dokumentasi & Demo |
| MulticolumncomboBox | Fitur React Multicolumn ComboBox | Dokumentasi & Demo |
| Multiselect | Fitur bereaksi multiselect | Dokumentasi & Demo |
| Pohon multiselect | Bereaksi fitur pohon multiselect | Dokumentasi & Demo |
Editor
| Editor | Fitur React Editor | Dokumentasi & Demo |
Ekspor Excel
| Ekspor Excel | Fitur Ekspor React Excel | Dokumentasi & Demo |
File Saver
| File Saver | Fitur React File Saver | Dokumentasi & Demo |
Membentuk
| Membentuk | Fitur Bentuk Bereaksi | Dokumentasi & Demo |
| Fieldarray | Fitur React FieldArray | Dokumentasi & Demo |
| Fieldwrapper | Fitur React FieldWrapper | Dokumentasi & Demo |
| Pembentukan | Fitur Formelement Bereaksi | Dokumentasi & Demo |
Gantt
| Gantt | React Gantt Chart Fitur | Dokumentasi & Demo |
Pengukur
| Pengukur busur | Fitur React Arc Gauge | Dokumentasi & Demo |
| Pengukur melingkar | Fitur pengukur melingkar bereaksi | Dokumentasi & Demo |
| Pengukur linier | Bereaksi fitur pengukur linier | Dokumentasi & Demo |
| Pengukur radial | Bereaksi fitur pengukur radial | Dokumentasi & Demo |
Indikator
| Lencana | Fitur Bereaksi Lencana | Dokumentasi & Demo |
| Pemuat | Fitur React Loader | Dokumentasi & Demo |
| Kerangka | Fitur React Skeleton | Dokumentasi & Demo |
Input
| Kotak centang | Fitur kotak centang Bereaksi | Dokumentasi & Demo |
| ColorGradient | Bereaksi fitur ColorGradient | Dokumentasi & Demo |
| Colorpalette | Fitur reaksi Colorpalette | Dokumentasi & Demo |
| Colorpicker | React ColorPicker fitur | Dokumentasi & Demo |
| Flatcolorpicker | Fitur Bereaksi Flatcolorpicker | Dokumentasi & Demo |
| Masukan | Fitur Input Bereaksi | Dokumentasi & Demo |
| MaskedTextBox | Fitur React MaskedTextBox | Dokumentasi & Demo |
| Numerictextbox | Fitur React NumerictextBox | Dokumentasi & Demo |
| Radiobutton | Fitur React Radiobutton | Dokumentasi & Demo |
| RadioButtongroup | Fitur React RadioButtongroup | Dokumentasi & Demo |
| Rangeslider | Fitur React Rangeslider | Dokumentasi & Demo |
| Peringkat | Fitur Peringkat Bereaksi | Dokumentasi & Demo |
| Slider | Fitur reaksi slider | Dokumentasi & Demo |
| Mengalihkan | Fitur Switch Bereaksi | Dokumentasi & Demo |
| TexTarea | Fitur React TextArea | Dokumentasi & Demo |
Label
| Kesalahan | Fitur Kesalahan Bereaksi | Dokumentasi & Demo |
| FloatingLabel | Fitur React FloatingLabel | Dokumentasi & Demo |
| Petunjuk | Fitur Petunjuk Bereaksi | Dokumentasi & Demo |
| Label | Fitur Label Bereaksi | Dokumentasi & Demo |
Tata letak
| Appbar | React appbar fitur | Dokumentasi & Demo |
| Avatar | Fitur Avatar Bereaksi | Dokumentasi & Demo |
| BottomNavigasi | Bereaksi fitur navigasi bawah | Dokumentasi & Demo |
| Remah roti | Fitur React Breadcrumb | Dokumentasi & Demo |
| Kartu | Fitur Kartu Bereaksi | Dokumentasi & Demo |
| Laci | Fitur Bereaksi Laci | Dokumentasi & Demo |
| ExpansionPanel | Fitur React ExpansionPanel | Dokumentasi & Demo |
| Tata letak kisi | Fitur React Grid Layout | Dokumentasi & Demo |
| Menu | Fitur Menu Bereaksi | Dokumentasi & Demo |
| Panelbar | Fitur React Panelbar | Dokumentasi & Demo |
| Splitter | Fitur React Splitter | Dokumentasi & Demo |
| Tata letak tumpukan | Fitur React Stack Layout | Dokumentasi & Demo |
| Stepper | Fitur Bereaksi Stepper | Dokumentasi & Demo |
| Tabstrip | Fitur reaksi tabstrip | Dokumentasi & Demo |
| Tilelayout | Fitur Bereaksi Tilelayout | Dokumentasi & Demo |
| Timeline | Fitur Timeline Bereaksi | Dokumentasi & Demo |
ListBox
| ListBox | Fitur React ListBox | Dokumentasi & Demo |
ListView
| ListView | Fitur React ListView | Dokumentasi & Demo |
Pemberitahuan
| Pemberitahuan | Fitur Notifikasi Bereaksi | Dokumentasi & Demo |
Pemrosesan PDF
| Generator PDF | Fitur Reaksi PDF Generator | Dokumentasi & Demo |
Pivot Grid
| Pivotgrid | Fitur Bereaksi Pivot Grid | Dokumentasi & Demo |
Popup
| Popup | Fitur Popup Bereaksi | Dokumentasi & Demo |
Progress Bars
| Chunkprogressbar | Fitur React ChunkProgressBar | Dokumentasi & Demo |
| Progressbar | Fitur Bereaksi ProgressBar | Dokumentasi & Demo |
Riak
| Riak | Bereaksi fitur riak | Dokumentasi & Demo |
Penjadwal
| Penjadwal | Fitur React Scheduler | Dokumentasi & Demo |
ScrollView (Carousel)
| Gulir | Fitur React Scrollview (Carousel) | Dokumentasi & Demo |
Sortir
| Sortir | Fitur yang dapat diurutkan | Dokumentasi & Demo |
Tooltips
| Tooltip | Fitur React Tooltip | Dokumentasi & Demo |
| Popover | Fitur React Popover | Dokumentasi & Demo |
TreeList
| TreeList | Fitur React Treelist | Dokumentasi & Demo |
TreeView
| TreeView | Fitur React Treeview | Dokumentasi & Demo |
Mengunggah
| Zona drop eksternal | Bereaksi fitur zona drop eksternal | Dokumentasi & Demo |
| Mengunggah | Bereaksi fitur unggahan | Dokumentasi & Demo |
Orgchart
| Orgchart | Fitur React Orgchart | Dokumentasi & Demo |
Spreadsheet
| Spreadsheet | Fitur React Spreadsheet | Dokumentasi & Demo |
PDFViewer
| PDFViewer | Fitur Bereaksi PDFViewer | Dokumentasi & Demo |
Papan Tugas
| Papan Tugas | Fitur React Taskboard | Dokumentasi & Demo |
Dukungan desain-untuk-pengembangan
3 tema desain
| Tema default | Tema default KendoreAct |
| Tema materi | Tema materi KendoreAct |
| Tema Bootstrap | Tema Bootstrap KendoreAct |
| Tema yang fasih | Tema fasih Kendoreact |
Kit desain
| 3 Kendo UI Design Kit untuk Figma | Kendo UI Figma Design Kit | Dokumentasi |
Kustomisasi tema KendoreAct untuk mencocokkan merek Anda
| KendoreAct ThemeBuilder | Terapkan Warna Merek Anda | Aplikasi KendoreAct ThemeBuilder |
Aplikasi sampel
Aplikasi Dasbor Bereaksi
Kami membuat aplikasi dasbor React mengikuti praktik terbaik membangun UI dengan komponen KendoreAct, yang menjadikannya sumber belajar yang fantastis. Anda dapat melihat betapa mudahnya mengatur komponen kompleks seperti kisi data (tabel), grafik, penjadwal atau formulir.
- Demo langsung
- Kode Sumber

Aplikasi Portofolio Keuangan
Aplikasi portofolio React Financial menunjukkan cara membuat dasbor keuangan yang cepat, indah dan dinamis. Dibutuhkan keuntungan penuh dari rendering cepat React dan menunjukkan pembaruan data dinamis secara real time yang memungkinkan pemantauan data tanpa penundaan yang terlihat.
- Demo langsung
- Kode Sumber

Aplikasi Template Manajer File
Aplikasi React File Manager adalah aplikasi seperti penjelajah yang dibangun sepenuhnya dengan komponen KendoreAct yang memungkinkan Anda untuk mengelola file dan folder. Anda dapat menampilkan informasi tambahan tentang file yang dipilih di panel pratinjau yang dapat disesuaikan dengan template, yang dapat Anda tunjukkan atau sembunyikan melalui tombol sakelar.
- Demo langsung
- Kode Sumber

React Data Grid dengan NodeJS / ASP.NET Core Server Contoh
Anda dapat memanfaatkan dua aplikasi sampel tumpukan penuh yang dibangun dengan kisi data KendoreAct di frontend dan node.js dan asp.net core di backend untuk digunakan sebagai referensi saat membangun aplikasi Anda sendiri. Kami berharap mereka membantu mengurangi kompleksitas menghubungkan server ke komponen tabel data React kami.
- Lihat React Data Grid dengan Aplikasi Sampel Server NodeJS Express
- Lihat React Data Grid dengan aplikasi sampel server inti ASP.NET

Grid Masalah GitHub
Aplikasi React Github Github memamerkan cara menggunakan kisi data KendoreAct untuk mengelola set data yang besar - dalam hal ini, semua masalah di repositori React dan graphQL utama.
- Demo langsung
- Kode Sumber

Tautan yang berguna
- Roadmap - Lihat apa yang akan datang ke Kendoreact.
- Changelog - Daftar lengkap tentang apa yang diubah dalam rilis KendoreAct.
- React Resources Hub - Daftar tutorial KendoreAct yang bermanfaat, blog, video, dan banyak lagi.
- Hub Dukungan-Sumber Daya Teknis dan Artikel Cara.
- Virtual Classroom-Pelatihan teknis sesuai permintaan, gratis dengan uji coba atau lisensi.
- Harga - Pelajari lebih lanjut tentang apa yang Anda dapatkan dengan lisensi KendoreAct.
- React Blogs-Jelajahi banyak blog dan tutorial yang ditulis oleh ahli yang bermanfaat tentang segala sesuatu bereaksi, termasuk panduan khusus Kendoreact.
- React Wednesday - Acara obrolan mingguan dengan yang terbaik dan paling cerdas dari The React World, yang diselenggarakan oleh TJ Vantoll.
Lisensi
KendoreAct adalah perpustakaan UI komersial. Anda perlu menginstal kunci lisensi saat menambahkan paket ke proyek Anda. Untuk menerima kunci lisensi, Anda perlu membeli lisensi atau mendaftar untuk uji coba gratis. Melakukan hal itu menunjukkan bahwa Anda menerima perjanjian lisensi KendoreAct. Untuk informasi lebih lanjut, silakan merujuk ke halaman lisensi KendoreAct saya.
Uji coba gratis 30 hari memberi Anda akses ke semua komponen KendoreAct dan fungsionalitas penuhnya. Selain itu, untuk periode lisensi Anda, Anda mendapatkan akses ke dukungan teknis legendaris kami yang disediakan secara langsung oleh Tim Kendoreact Dev!