KendoreAct
Nota : Utilizamos este repositorio como rastreador de errores y para enumerar los útiles recursos de Kendoreact. Este repositorio no contiene el código fuente de KendoreAct.
Kendoreact es una biblioteca profesional de componentes de la interfaz de usuario y visualización de datos para React en una misión para ayudarlo a diseñar y crear aplicaciones comerciales con React mucho más rápido.
Tabla de contenido
- Preguntas de apoyo comunes
- ¿Dónde puedo encontrar ayuda?
- ¿Cómo reporto un error?
- ¿Cuándo planeas lanzar la función X?
- Componentes de React UI
- Soporte de diseño a desarrollo
- Aplicaciones de muestra
- Tablero de almacén de café
- Cartera financiera
- Gestor de archivos
- NodeJS/ASP.NET Core Server
- Github emite cuadrícula
- Enlaces útiles
- Licencia
Preguntas de apoyo comunes
¿Dónde puedo encontrar ayuda?
- Para el apoyo de la comunidad, recomendamos hacer preguntas en nuestro foro público o desbordamiento de pila utilizando la etiqueta Kendo-React-UI.
- Los titulares de licencias de Kendoreact pueden usar nuestro canal de soporte oficial para enviar boletos de soporte.
¿Cómo reporto un error?
Si desea informar un error con Kendoreact, comience por revisar el rastreador de problemas de este repositorio para asegurarse de que su problema aún no se haya informado. Si no puede encontrar su problema allí, siga los siguientes pasos de reproducción:
- Encuentre un ejemplo en la documentación de Kendoreact que se parezca a su caso de uso.
- Abra ese ejemplo en Stackblitz utilizando el botón Editar en StackBlitz .
- Bifurca el proyecto Stackblitz utilizando el botón de la horquilla en la parte superior de la interfaz Stackblitz.
- Modifique el código en su proyecto StackBlitz para que muestre el problema que tiene con Kendoreact. Intente incluir la cantidad mínima posible de código.
- Guarde su proyecto StackBlitz usando el botón Guardar en la parte superior de la interfaz StackBlitz.
- Copie la URL de su proyecto Stackblitz desde la barra de direcciones de su navegador.
- Abra un nuevo problema en este repositorio y su enlace Stackblitz en la descripción.
- Proporcione cualquier información adicional necesaria para que reproduzcamos el problema, como la versión del navegador, los pasos para realizar, etc.
Es posible que no podamos actuar sobre temas sin una demostración ejecutable.
Si necesita ayuda para solucionar problemas o aislar un problema, puede solicitar una sesión de asistencia remota a través de nuestro sistema de boletos de soporte. La asistencia remota se incluye en nuestra suscripción de soporte final.
¿Cuándo planeas lanzar la función X?
- Consulte la hoja de ruta de Kendoreact para ver una lista de las características que hemos planeado.
- Si su función no está en la lista, consulte nuestro portal de comentarios. Si no ve su función en nuestro portal, puede solicitar la función allí.
Componentes de React UI
Animaciones
| Animación | React Animation Features | Documentación y demostraciones |
Códigos de barras
| Código de barras | React Barcode Características | Documentación y demostraciones |
| Código QR | REACT QR CODE CARACTERÍSTICAS | Documentación y demostraciones |
Botones
| Botón | Características del botón React | Documentación y demostraciones |
| Butproup | React Buttongroup Características | Documentación y demostraciones |
| Chip | REACT CHIP CARACTERÍSTICAS | Documentación y demostraciones |
| Pícaro | React Chiplist Características | Documentación y demostraciones |
| Botón desplegable | React DropdownButton Features | Documentación y demostraciones |
| FloatingAction Button | React Floating Action Botton Características | Documentación y demostraciones |
| Muelle dividido | React SplitButton características | Documentación y demostraciones |
| Barra de herramientas | React Tool Bar Function | Documentación y demostraciones |
Gráficos
| Cuadro | React Chart Características | Documentación y demostraciones |
| Mapa de calor | React Heatmap Características | Documentación y demostraciones |
| Chispa | React Sparkline Características | Documentación y demostraciones |
| Gráfico de área | Características del gráfico de área React | Documentación y demostraciones |
| Gráfico de barras | Características del gráfico React Bar | Documentación y demostraciones |
| Trama de caja | React Box Trace Características | Documentación y demostraciones |
| Gráfico de burbujas | REACT BURBBLE SARTURACIONES | Documentación y demostraciones |
| Gráfico de donas | React Donut Chart Características | Documentación y demostraciones |
| Gráfico de embudo | React Funnel Chart Características | Documentación y demostraciones |
| Gráfico de línea | React Line Chart Características | Documentación y demostraciones |
| Gráfico | Reaccionar las características del gráfico circular | Documentación y demostraciones |
| Gráfico polar | React Polar Chart Características | Documentación y demostraciones |
| Gráfico piramidal | React Pyramid Chart Características | Documentación y demostraciones |
| Gráfico de radar | Características del gráfico de radar React | Documentación y demostraciones |
| Gráfico de área de alcance | Características del gráfico de área de rango react | Documentación y demostraciones |
| Gráfico de dispersión | REACT SCATTER CARACTERÍSTICAS | Documentación y demostraciones |
| Gráfico de sankey | Características del gráfico React Sankey | Documentación y demostraciones |
Utilidades comunes
| Utilidades de arrastrar y soltar | React Drag & Drop Utitity Feature | Documentación y demostraciones |
| Tipografía | Características de tipografía react | Documentación y demostraciones |
| Icono e icono SVG | React Icon & SVG Icon Feature | Documentación y demostraciones |
UI conversacional
| UI conversacional | Reaccionar las características de la interfaz de usuario conversacional | Documentación y demostraciones |
| Aiprompt | REACT AIPROMPT FREECTURAS | Documentación y demostraciones |
Cuadrícula de datos
| Cuadrícula de datos | React Data Red características | Documentación y demostraciones |
Consulta de datos
| Consulta de datos | React Data Consulting Function | Documentación y demostraciones |
Herramientas de datos
| Filtrar | REACT FILTER FUERTE | Documentación y demostraciones |
| Buscapersonas | React Pager Características | Documentación y demostraciones |
Entradas de fecha
| Calendario | React Calendar Características | Documentación y demostraciones |
| DateInput | React dateInput Feature | Documentación y demostraciones |
| Recipiente | React DatePicker Características | Documentación y demostraciones |
| Daterangepicker | React DaterangePicker Características | Documentación y demostraciones |
| DateTiMepicker | React DateTiMepicker Características | Documentación y demostraciones |
| Multiviewcalendar | React MultiviewCalendar Feature | Documentación y demostraciones |
| Reloj | React Timepicker Características | Documentación y demostraciones |
Fecha de matemáticas
| Fecha de matemáticas | React Date Feature Math Function | Documentación y demostraciones |
Diálogo
| Diálogo | REACT Diálogo | Documentación y demostraciones |
| Ventana | React Window Feature | Documentación y demostraciones |
Dibujo
| Biblioteca | React Drawing Library Características | Documentación y demostraciones |
Desplegable
| Autocompletar | React Autocompletar características | Documentación y demostraciones |
| Combobox | React ComboBox características | Documentación y demostraciones |
| Listón desplegable | React DiscipdownList Características | Documentación y demostraciones |
| Desplegable | React Dropdowntree | Documentación y demostraciones |
| Multicolumncombobox | React Multicolumn ComboBox características | Documentación y demostraciones |
| Multiseleccionar | Reaccionar características multiselectas | Documentación y demostraciones |
| Árbol multiselecto | Reaccionar las características del árbol multiselecto | Documentación y demostraciones |
Editor
| Editor | React Editor Features | Documentación y demostraciones |
Excel de exportación
| Excel de exportación | REACT Excel Export Features | Documentación y demostraciones |
Ahorrador
| Ahorrador | React File Saver Function | Documentación y demostraciones |
Forma
| Forma | REACT FOR FORTURAS | Documentación y demostraciones |
| Césped | React FieldArray Características | Documentación y demostraciones |
| Listón de campo | React FieldWrapper Feature | Documentación y demostraciones |
| Formelemento | React Formelement características | Documentación y demostraciones |
Gantt
| Gantt | React Gantt Chart Características | Documentación y demostraciones |
Medidores
| Calibre | REACT ARC GUSTE | Documentación y demostraciones |
| Calibre circular | Reaccionas de calibre circular | Documentación y demostraciones |
| Calibre lineal | React Lineal Gauge Características | Documentación y demostraciones |
| Calibre radial | REACT RADIAL GUSTE | Documentación y demostraciones |
Indicadores
| Insignia | REACT BADGE | Documentación y demostraciones |
| Cargador | React Loader Características | Documentación y demostraciones |
| Esqueleto | React Skeleton Características | Documentación y demostraciones |
Entradas
| Caja | Reaccionar las funciones de la casilla de verificación | Documentación y demostraciones |
| Colorgrafía de color | React Colorgradient características | Documentación y demostraciones |
| Colorpalette | React Colorpalette Características | Documentación y demostraciones |
| Colonca | React Colorpicker Características | Documentación y demostraciones |
| Platero | React FlatColorPicker Características | Documentación y demostraciones |
| Aporte | React de entrada características de entrada | Documentación y demostraciones |
| Mazorca | React MaskedTextBox características | Documentación y demostraciones |
| Numerictextbox | React NumerictextBox Funciones | Documentación y demostraciones |
| Radiobutton | React RadioButton Características | Documentación y demostraciones |
| Radiobuttongroup | React RadioButTongroup Características | Documentación y demostraciones |
| Rango | React Rangeslider Características | Documentación y demostraciones |
| Clasificación | REACT CLASITAR CARACTERÍSTICAS | Documentación y demostraciones |
| Control deslizante | React Slider Features | Documentación y demostraciones |
| Cambiar | React Switch Características | Documentación y demostraciones |
| Textea | React Textarea Características | Documentación y demostraciones |
Etiqueta
| Error | Reaccionar características de error | Documentación y demostraciones |
| Lactancia flotante | React FloatingLabel Características | Documentación y demostraciones |
| Pista | React Sugerencias de sugerencias | Documentación y demostraciones |
| Etiqueta | React Label Feature | Documentación y demostraciones |
Disposición
| Appbar | React APPBAR Funciones | Documentación y demostraciones |
| Avatar | React Avatar Características | Documentación y demostraciones |
| Navigación inferior | React Bottom de navegación | Documentación y demostraciones |
| Migaja de pan | React Breadcrumb Feature | Documentación y demostraciones |
| Tarjeta | React Card Functions | Documentación y demostraciones |
| Cajón | REACT CAINTER CARACTERÍSTICAS | Documentación y demostraciones |
| Expansionpanel | React ExpansionPanel Características | Documentación y demostraciones |
| Diseño de la cuadrícula | Reaccionar las características del diseño de la cuadrícula | Documentación y demostraciones |
| Menú | REACT MENÚ FUENTES | Documentación y demostraciones |
| Banco de paneles | React PanelBar Características | Documentación y demostraciones |
| Disidente | React Splitter Características | Documentación y demostraciones |
| Diseño de pila | React Stack Diseño Feature | Documentación y demostraciones |
| Agitador | REACT PAYPER | Documentación y demostraciones |
| Tabstrip | React TabStrip Características | Documentación y demostraciones |
| Tilelayout | React Tilelayout Características | Documentación y demostraciones |
| Línea de tiempo | REACT TIMELINE FUENTES | Documentación y demostraciones |
Caja de listas
| Caja de listas | React ListBox Características | Documentación y demostraciones |
Listview
| Listview | React ListView Características | Documentación y demostraciones |
Notificación
| Notificación | React Notificación características | Documentación y demostraciones |
Procesamiento de PDF
| Generador pdf | React PDF Generator Características | Documentación y demostraciones |
Cuadrícula de pivote
| Grieta | REACT PIVOT REJ SECTURAS | Documentación y demostraciones |
Ventana emergente
| Ventana emergente | Reaccionar características emergentes | Documentación y demostraciones |
Barras de progreso
| Fragmento de la barra | React ChunkProgressBar Características | Documentación y demostraciones |
| Barra de progreso | React ProgressBar Características | Documentación y demostraciones |
Onda
| Onda | React Ripple Características | Documentación y demostraciones |
Planificador
| Planificador | React Scheduler Características | Documentación y demostraciones |
Scrollview (carrusel)
| Vista de desplazamiento | React ScrollView (carrusel) Características | Documentación y demostraciones |
Ordenable
| Ordenable | Reaccione las características ordenables | Documentación y demostraciones |
Servicio de herramientas
| Comedia de herramientas | React ToolTtip Feature | Documentación y demostraciones |
| Popover | React Popover Características | Documentación y demostraciones |
Árbol de árboles
| Árbol de árboles | React Treelist Características | Documentación y demostraciones |
Visión de árboles
| Visión de árboles | React TreeView Características | Documentación y demostraciones |
Subir
| Zona de caída externa | Reaccionar características de la zona de caída externa | Documentación y demostraciones |
| Subir | Reaccionar características de carga | Documentación y demostraciones |
Organización
| Organización | React OrgChart Features | Documentación y demostraciones |
Hoja de cálculo
| Hoja de cálculo | Reaccionar características de la hoja de cálculo | Documentación y demostraciones |
Pdfviewer
| Pdfviewer | React PDFViewer Funciones | Documentación y demostraciones |
Tablero de trabajo
| Tablero de trabajo | React Taskboard Características | Documentación y demostraciones |
Soporte de diseño a desarrollo
3 temas de diseño
| Tema predeterminado | Tema predeterminado de KendoreAct |
| Tema material | Tema material de Kendoreact |
| Tema de bootstrap | Tema de bootstrap de Kendoreact |
| Tema fluido | Tema de Kendoreact Fluent |
Kits de diseño
| 3 kits de diseño de Kendo UI para la figura | Kits de diseño de figma de kendo ui | Documentación |
Personaliza los temas de KendoreAct para que coincidan con tu marca
| KendoreAct ThemeBuilder | Aplica los colores de tu marca | Aplicación KendoreAct ThemeBuilder |
Aplicaciones de muestra
Aplicación del tablero React
Creamos la aplicación React Dashboard siguiendo las mejores prácticas de construcción de la interfaz de usuario con componentes Kendoreact, lo que lo convierte en un recurso de aprendizaje fantástico. Puede ver lo fácil que es configurar componentes complejos como la cuadrícula de datos (tabla), gráficos, programador o formularios.
- Demostración en vivo
- Código fuente
Aplicación de cartera financiera
La aplicación React Financial Portfolio muestra cómo crear paneles financieros rápidos, hermosos y dinámicos. Aprovecha al máximo la representación rápida de React y muestra actualizaciones de datos dinámicos en tiempo real que permite monitorear datos sin retraso visible.
- Demostración en vivo
- Código fuente
Aplicación de plantilla de administrador de archivos
La aplicación React File Manager es una aplicación similar a un explorador creada completamente con componentes KendoreAct que le permite administrar archivos y carpetas. Puede mostrar información adicional sobre el archivo seleccionado en un panel de vista previa de plantilla-customizable, que puede mostrar u ocultar a través de un botón de interruptor.
- Demostración en vivo
- Código fuente
React Data Grid con NodeJS / ASP.NET Core Server
Puede aprovechar dos aplicaciones de muestra de pila completa construidas con la cuadrícula de datos de Kendoreact en el núcleo frontend y node.js y asp.net en el backend para usar como referencia al construir sus propias aplicaciones. Esperamos que ayuden a reducir la complejidad de conectar un servidor a nuestro componente de la tabla React Data.
- Consulte la cuadrícula React Data con la aplicación NodeJS Express Server Sample
- Consulte la cuadrícula React Data con la aplicación ASP.NET Core Server Sample
Github emite cuadrícula
La aplicación React GitHub Problems muestra cómo usar una red de datos Kendoreact para administrar un gran conjunto de datos, en este caso, todos los problemas en los principales repositorios de Facebook React y GraphQL.
- Demostración en vivo
- Código fuente
Enlaces útiles
- Hoja de ruta: vea lo que viene a Kendoreact.
- ChangeLog: una lista completa de lo que ha cambiado en los lanzamientos de Kendoreact.
- React Resources Hub: una lista útil de tutoriales de Kendoreact, blogs, videos y más.
- Support Hub: recursos técnicos y artículos de cómo hacer.
- Aula virtual: capacitación técnica a pedido, gratis con una prueba o licencia.
- Precios: obtenga más información sobre lo que obtiene con una licencia de Kendoreact.
- React Blogs: explore muchos blogs y tutoriales escritos por expertos útiles sobre todo Reaccion, incluidas las guías específicas de Kendoreact.
- React los miércoles: un programa de chat semanal con el mejor y más brillante del mundo React, organizado por TJ Vantoll.
Licencia
Kendoreact es una biblioteca comercial de interfaz de usuario. Deberá instalar una clave de licencia al agregar el paquete a su proyecto. Para recibir una clave de licencia, debe comprar una licencia o registrarse para una prueba gratuita. Hacerlo indica que acepta el Acuerdo de Licencia Kendoreact. Para obtener más información, consulte la página de mi licencia KendoreAcc.
La prueba gratuita de 30 días le brinda acceso a todos los componentes de Kendoreact y su funcionalidad completa. Además, para el período de su licencia, ¡obtiene acceso a nuestro legendario soporte técnico proporcionado directamente por el equipo de desarrollo de Kendoreact!
