Diseñar y crear aplicaciones web con componentes React

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

La CLI Ignite UI representa una herramienta de línea de comandos independiente que lo ayuda a crear y estructurar aplicaciones para numerosos marcos. Las herramientas de la 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 incorporación de componentes a sus proyectos.

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. Algunos 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.

React no tiene requisitos ni métodos específicos sobre dónde deben ir los componentes ni cómo deben organizarse. Esto depende de los desarrolladores que trabajan en el proyecto. A continuación, se indican varios enfoques:

• Organización de componentes por tipo: los elementos similares se sistematizan en el mismo lugar. Los componentes React se encuentran en una carpeta de componentes. Los estilos, en una carpeta de estilos. Y así sucesivamente.
• Organizar componentes por similitud: este tipo de organización de componentes React garantiza que todo lo que necesita un componente 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.

La forma en que se pueden realizar pruebas de componentes React se divide en dos categorías generales:

• Árboles de componentes de representación: donde un árbol jerárquico de componentes React describe la interfaz de usuario y encapsula cada aspecto de la aplicación que un usuario ve e 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".

• Los componentes funcionales en React son simplemente funciones de JavaScript. 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í.

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

Nuestros componentes React están incluidos como parte de nuestro paquete de Ignite UI. Una sola licencia de desarrollador comienza en $ 1,355 USD para una suscripción de un año, que incluye un año de soporte estándar y actualizaciones. También ofrecemos descuentos para licencias de varios años. Consulte nuestra página de precios para obtener más información sobre los precios.

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

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