Ignite UI for Blazor

Diseñe y cree aplicaciones web con componentes React

Cree experiencias de aplicaciones web modernas utilizando la biblioteca de interfaz de usuario más completa de componentes modulares React. Incluye React Data Grid virtualizado y ultrarrápido, una solución completa de Microsoft Excel y más de 60 cuadros y gráficos React.

Ignite UI React Data Grid, creado con componentes Ignite UI for React, que muestra una visualización de datos de ventas.
logotipo React

Cuadrícula de datos React rápida y lista para usar

Con nuestro React Data Grid, puede cargar grandes cantidades de datos y, al mismo tiempo, ofrecer un diseño móvil, versatilidad y el máximo rendimiento en cualquier navegador moderno. Un componente React completo con la personalización y configuración que sus usuarios esperan. Incluye enlace de datos, clasificación, agrupación, edición, funcionalidad perfecta similar a la de Excel y más. ¡Todo con una API intuitiva, temas flexibles, marca y código mínimo para comenzar!

Ver todos los ejemplos React Grid

Con la confianza de los mejores del mundo

Logotipo de Intuit
Logotipo de Charles Swab Corporation
Logotipo azul Yonder
logotipo de Tyler

La fortaleza de Ignite UI en Excel es verdaderamente de primer nivel... Tener funciones listas para aplicaciones LOB y soporte técnico de alta calidad ayudó a nuestro desarrollo.

Hiroshi Kubo, arquitecto de software principal de B-EN-G
Ingeniería Comercial de Toyo

B-ES-G

Para continuar brindando a los clientes características tecnológicas de vanguardia, B-EN-G se propuso satisfacer las necesidades de los clientes que desean conectarse a una nueva gama de dispositivos que componen el Internet de las Cosas (IOT). Leer más

Ignite UI for React Charts: responsivo, móvil y táctil

Cree paneles expresivos, aplique análisis profundos y represente millones de puntos de datos con un clic. Con más de 60 cuadros y gráficos React en tiempo real, configuración más sencilla y API flexible. El componente de gráficos React de alto rendimiento le permite crear gráficos de negocios y gráficos de acciones, brindando una rica interactividad y soporte completo de pantalla táctil que se ejecutará en cualquier navegador y dispositivo.

Panel de control de Ignite para gráficos React

Un gráfico React para cada ocasión

Tus gráficos React no sólo deberían ser rápidos. Deben incluir funciones que sus usuarios necesitan y que hagan que la experiencia de la aplicación sea incomparable. La Ignite UI for React proporciona más de 60 tipos de gráficos, entre los que se encuentran los gráficos de barras, gráficos de líneas, gráficos circulares y gráficos de acciones financieras más solicitados para visualizar los datos de la forma que prefiera. Con soporte integrado para interactividad, capas personalizables, superposiciones de precios, líneas de tendencia, indicadores de volumen, superposiciones de valores y más.

Muestras de gráficos React

encender ui astronauta

Componentes de la interfaz de usuario React para iniciar su próximo proyecto

Ver todas las muestras

La inspiración está en todas partes

Impulsa tu próximo gran proyecto con nuestras aplicaciones de muestra y ejemplos React. No es necesario que experimentes un bloqueo entre diseñador y desarrollador. El objetivo de nuestras aplicaciones de demostración de un extremo a otro es ayudarlo a simplificar el proceso de desarrollo aprendiendo las mejores prácticas y enfoques útiles para resolver problemas del mundo real.

Ver todas las aplicaciones de referencia

React cuadrícula de datos en vivo

La aplicación React Live-Data Grid muestra nuestro React Data Grid, vinculando miles de registros financieros, agrupándolos por categoría, tipo, contacto y actualizándolos en vivo cada pocos milisegundos.

Obtener la aplicación

Aplicación React gráfico de acciones

El gráfico de acciones React demuestra cómo utilizar el componente Gráfico financiero con nuestro adaptador de datos FDC3 para manejar los mensajes de intención de ViewChart enviados a través del servicio OpenFin FDC3.

Obtener la aplicación

Recursos

Aproveche estos útiles recursos para aprender cómo crear mejores aplicaciones React, más rápido.

  • Primeros pasos con Ignite UI for React Comience con su próximo proyecto más rápido o actualice su aplicación existente usando Ignite UI for React. Simplemente siga estos sencillos pasos. Aprende más
  • Ignite UI CLI para React Nuestras herramientas CLI proporcionan plantillas de proyecto preconfiguradas para el conjunto de herramientas Ignite UI for React que le ayudarán a poner en marcha su próxima aplicación en un tiempo récord. Aprende más
  • Estandarización del kit de herramientas de la interfaz de usuario Aprovechar un kit de herramientas de la interfaz de usuario estándar puede ayudar a reducir el tiempo de desarrollo y prueba del proyecto en un 33 %. Lea este documento técnico y descubra cómo su organización puede reducir el tiempo de comercialización y los costos de desarrollo. Aprende más
  • Ignite UI
  • Ignite UI para React
  • Estandarización del kit de herramientas Ignite UI

Ayuda y muestras

¿Necesita ver ejemplos de componentes React o probar prácticas en un área de juegos en vivo mientras crea aplicaciones de misión crítica? ¿Quiere ver cómo desarrollar planos, trazar diagramas, resaltar regiones y más con una variedad de formas, utilizando los componentes Ignite UI para React Shape Charts? ¡Aquí encontrará todo lo que necesita para comenzar con su próximo proyecto React!

¡Elige el plan adecuado para ti!

Explore nuestros paquetes de precios diseñados para satisfacer sus necesidades, brindando soluciones integrales para cada tamaño de proyecto. Con la experiencia del usuario "integrada" en cada control y nuestro compromiso con un programa de lanzamiento continuo, se le garantizan las actualizaciones más rápidas en todos los marcos principales, lo que garantiza que sus aplicaciones se mantengan a la vanguardia.

Buen valor

  • Cientos de controles y componentes de interfaz de usuario para todos los principales marcos web
  • La forma más rápida de crear aplicaciones web modernas
$0 per developer, royalty-free subscription

DESCUENTO VARIOS AÑOS

No hay descuentos multianuales disponibles.
Gran valor

  • Todo en Ignite UI
  • Completa biblioteca de componentes de interfaz de usuario para desarrolladores web, móviles y de escritorio
$0 per developer, royalty-free subscription

DESCUENTO VARIOS AÑOS

No hay descuentos multianuales disponibles.
Encender cohete

Unirse a la conversación

Preguntas frecuentes

Preguntas y respuestas sobre Ignite UI for React

What is Ignite UI for React?

Ignite UI for React es una biblioteca completa de componentes React para crear aplicaciones web responsivas y ricas en datos, que incluye más de 60 cuadros y gráficos de datos, cuadrículas y tablas de datos, y componentes de interfaz de usuario (UI).

What is Ignite UI CLI for React?

La CLI Ignite UI representa una herramienta de línea de comandos independiente que le ayuda a crear y desarrollar aplicaciones para numerosos marcos. Las herramientas CLI proporcionan una variedad de plantillas para su proyecto que están preconfiguradas para el conjunto de herramientas Ignite UI for React. También puede agregar sus propias plantillas a la CLI para acelerar la adición de componentes a sus proyectos.

What are React components?

Un componente React es una clase que contiene una función reutilizable que devuelve una plantilla que incluye una parte de la interfaz de usuario representada por HTML, JavaScript y CSS. Ejemplos de componentes React incluyen controles de interfaz de usuario complejos, como gráficos de datos o cuadrículas de datos, o elementos simples como DIV con elementos HTML.

How to organize React components?

React no tiene requisitos ni formas específicas de dónde deben ir sus componentes o cómo deben organizarse. Esto depende de los desarrolladores que trabajan en el proyecto. Aquí hay varios enfoques:
  • Organizar componentes por tipo: los elementos similares se sistematizan en el mismo lugar. Los componentes React viven en una carpeta de componentes. Estilos, en una carpeta de estilos. Etcétera.
  • Organizar componentes por similitud: este tipo de organización de componentes React garantiza que todo lo que un componente necesita permanezca lo más cerca posible del componente.
  • Organización de componentes por área funcional: la ubicación de componentes por función de la aplicación, como "Cliente", tendría todos los componentes del Cliente relacionados para las pantallas/funcionalidad del Cliente.

How to test React components?

La forma en que se pueden probar los componentes React se divide en dos categorías generales:

  • Árboles de componentes de renderizado: donde un árbol jerárquico de componentes de React describe la interfaz de usuario y encapsula cada aspecto de la aplicación que un usuario ve y con la que interactúa en su navegador.
  • Ejecutar una aplicación completa: esto sucede en un entorno de navegador realista. Este proceso se conoce como pruebas "de extremo a extremo".

What is the difference between React functional components and class components?

  • Los componentes funcionales en React son simplemente funciones de JavaScript. Aquí no se utiliza ningún método de renderizado. Los componentes funcionales funcionan aceptando propiedades (props) como argumento y luego devuelven un elemento React.
  • Los componentes de clase representan clases simples, que consisten en funciones que agregan funcionalidad a su aplicación. Requiere que el método render() sea implantado aquí.

What makes Ignite UI for React different from other UI toolkits?

Ignite UI for React es la biblioteca más completa de componentes React UI de nivel empresarial disponible. Diseñada y desarrollada profesionalmente, Ignite UI for React le proporciona todo lo que necesita para crear aplicaciones web modernas y progresivas. Todo respaldado por más de 30 años de liderazgo en la industria Infragistics y nuestro galardonado soporte en vivo.

How does the pricing and licensing for Ignite UI for React work?

Nuestros componentes React se incluyen como parte de nuestro paquete Ignite UI. Una licencia de desarrollador única comienza en $1295 USD por una suscripción de un año, incluido un año de soporte estándar y actualizaciones. También ofrecemos descuentos para licencias multianuales. Consulte nuestra página de precios para obtener más información sobre los precios.

How do I get started with Ignite UI for React?

El mejor lugar para comenzar es con nuestra Documentación de inicio.

Where can I find React component samples and sample applications?

El equipo de Infragistics mantiene una biblioteca completa de ejemplos de código React a la que puede acceder aquí. También mantenemos una biblioteca de aplicaciones de muestra, a la que puede acceder aquí.