Últimas actualizaciones App Builder: Implementación de GitHub Pages y cuadrícula jerárquica

Con 2025 acercándose, nos apresuraremos a las últimas actualizaciones de App Builder para que pueda tener todos los componentes y funciones que necesita para crear una experiencia de usuario diferenciadora y aplicaciones de alto rendimiento. Y en esta versión App Builder, hemos agregado una nueva cuadrícula jerárquica a la caja de herramientas del componente y a la implementación de GitHub Pages para alojar sitios estáticos directamente desde un repositorio.

Antes de sumergirte en estas nuevas funcionalidades, si es la primera vez que aprendes sobre App Builder, déjame compartir rápidamente por qué deberías considerarlo como una herramienta clave en el proceso de desarrollo de aplicaciones para tu organización:

• Un creador de aplicaciones visuales: la plataforma unificada para gerentes de productos, diseñadores, desarrolladores y partes interesadas.
• Herramienta de arrastrar y soltar WYSIWYG basada en la nube que ayuda a las empresas a diseñar y crear aplicaciones comerciales completas un 80 % más rápido que nunca.
• Una herramienta low-code que genera código Blazor, código Angular, código React y código Web Components listos para producción a partir de sus diseños Figma.

Implementación de GitHub Pages como parte de las últimas actualizaciones de App Builder

Las últimas actualizaciones de App Builder ahora proporcionan una experiencia perfecta para Site Hosting.

Descripción general de GitHub Pages: GitHub Pages ofrece una excelente solución para alojar sitios web directamente desde su repositorio de GitHub. Este servicio es perfecto para los desarrolladores que buscan implementar documentación de proyectos, portafolios personales o incluso blogs con una configuración mínima. Así es como funciona GitHub Pages:

• Integración sin fisuras: Cada repositorio de GitHub puede servir como host para un sitio web. Su contenido es accesible instantáneamente a través de una URL como https://your-username.github.io/your-repo-name.
• Actualizaciones automáticas: Los cambios enviados a su repositorio se reflejan automáticamente en su sitio web, lo que garantiza que su sitio esté siempre actualizado.
• Generación de sitios estáticos: GitHub Pages incluye soporte para Jekyll, que transforma Markdown en HTML, lo que facilita la administración de contenido.
• Personalización: Hay una gama de temas de Jekyll disponibles para personalizar, junto con la capacidad de aplicar CSS personalizado para un estilo único.
• Dominios personalizados: Si bien GitHub proporciona un subdominio, también puedes vincular un dominio personalizado a tu sitio para darle un toque profesional.

Integración con App Builder Plataforma

El App Builder, conocido por sus capacidades de low-code que generan Angular, React, Blazor y Web Components, ahora se ha integrado con GitHub Pages para mejorar las opciones de implementación para los desarrolladores. Este es el aspecto actual de esta integración:

Para los usuarios de GitHub del plan gratuito (estándar):

• Implementación automática de GitHub Pages: Al elegir la casilla de verificación Implementar, habilita automáticamente GitHub Pages para tus proyectos App Builder cuando se implementan como repositorios públicos. Esto significa que tus proyectos del lado del cliente pueden ponerse en marcha directamente desde GitHub sin necesidad de configuración adicional.
• Opción de exclusión: Permite a los usuarios decidir si quieren que GitHub Pages se habilite para su proyecto en la implementación. Esto les da a los desarrolladores control sobre la visibilidad y la estrategia de implementación de su proyecto.

Nota sobre los planes Enterprise y Pro:

La integración para que los usuarios empresariales y profesionales de GitHub implementen automáticamente o elijan la configuración de implementación para GitHub Pages se retrasa para futuras iteraciones. Esto significa que, en esta etapa, el enfoque actual sigue siendo mejorar la experiencia de los usuarios estándar.

Historias de usuario reales en acción

• Implementación de un proyecto: Imagine que ha creado una aplicación React utilizando la plataforma App Builder. Con la integración actual, una vez que envíes tu proyecto a un repositorio público de GitHub, GitHub Pages podría alojar automáticamente tu sitio, haciéndolo accesible al mundo con un esfuerzo mínimo.
• Control sobre la implementación: Para aquellos que no quieran que sus proyectos se alojen públicamente o necesiten controlar el cronograma de implementación, las próximas mejoras de la interfaz de usuario permitirán activar o desactivar GitHub Pages, lo que le brinda la flexibilidad para administrar la visibilidad de su proyecto.

En pocas palabras, la integración de GitHub Pages con la plataforma App Builder en las últimas actualizaciones de App Builder representa un paso importante hacia la simplificación de la implementación de sitios estáticos. Tanto si es un aficionado, un desarrollador profesional o parte de una gran empresa, esta integración tiene como objetivo reducir las complejidades asociadas con el alojamiento web, lo que le permite centrarse más en el desarrollo que en la gestión de la infraestructura. Estén atentos para más actualizaciones a medida que continuamos expandiendo esta integración para incluir más control del usuario y soporte de planes más amplio.

Componente de cuadrícula jerárquica en la caja de herramientas

Nuestro App Builder WYSIWYG acaba de mejorar aún más con un nuevo y potente componente que llena el último lugar de Grid en el banco de componentes de AB Grids. Ahora tenemos Grid, HGrid, TreeGrid y PivotGrid, todos ellos parte de la caja de herramientas de AB.

La cuadrícula jerárquica, o HGrid, es una herramienta poderosa para mostrar e interactuar con estructuras de datos complejas y anidadas. Diseñado para manejar hasta 5 niveles de profundidad, HGrid simplifica la visualización y gestión de datos jerárquicos a través de su intuitiva función RowIslands. Cada RowIsland de la cuadrícula jerárquica es esencialmente una cuadrícula plana, repleta de funciones como la clasificación y el filtrado, pero diseñada específicamente para datos anidados.

Nota importante: Tenga en cuenta que las operaciones de datos remotos, como la paginación, la ordenación o el filtrado en RowIslands, están actualmente deshabilitadas para mantener el cumplimiento de los principios de la API RESTful, que abogan por subrecursos y asociaciones en lugar de estructuras anidadas para administrar datos.

Características clave de la cuadrícula jerárquica

• Generación automática de RowIsland: Al enlazar HGrid a un origen de datos jerárquico, se generan automáticamente RowIslands para cada nivel de datos de hasta 5 niveles de profundidad.
• RowIslands configurables: Cada RowIsland se puede configurar de forma independiente con características como la configuración de columnas y las plantillas, lo que garantiza la flexibilidad en cada nivel jerárquico.
• Facilidad de navegación: Al seleccionar HGrid, la primera fila se expande automáticamente y muestra cuadrículas secundarias. La navegación a través de la jerarquía se hace intuitiva a través del panel Contorno. Los usuarios obtienen un control personalizado sobre cada RowIsland, personalizando características como la clasificación y la paginación, pero tenga en cuenta que no se admiten las operaciones de agrupación y remotas. La cuadrícula se expande para mostrar cuadrículas secundarias y los usuarios pueden navegar a través de los niveles, seleccionando y configurando cada RowIsland.
• Gestión de jerarquías: El componente Jerarquía de datos representa visualmente las relaciones padre-hijo, lo que permite a los usuarios mostrar u ocultar cuadrículas secundarias según sea necesario de forma selectiva. Los usuarios pueden elegir qué niveles de datos mostrar u ocultar, lo que mejora la experiencia del usuario mediante la gestión de la complejidad de los datos.

Funcionalidades adicionales y escenarios de integración

• Soltar y unir: Al quitar HGrid de la caja de herramientas, se enlaza automáticamente a un conjunto de datos de muestra como Northwind.Orders, configurando la estructura jerárquica.
• Interacción de la superficie de diseño: Seleccione cualquier cuadrícula secundaria en el lienzo de diseño para una configuración detallada.
• Visualización de la jerarquía de datos: Un componente muestra la estructura de datos, lo que ayuda a comprender y manipular la jerarquía de la cuadrícula.
• Mejoras futuras: Características como la navegación de migas de pan para facilitar la configuración en todos los niveles están previstas para la próxima versión.

Prácticas recomendadas para usar HGrid

• Limitación de profundidad: Tenga en cuenta el límite de profundidad de 5 niveles al organizar los datos.
• Configuración: Utilice el panel de propiedades para personalizar cada RowIsland sin afectar a las demás.
• Gestión de jerarquías: Utilice el selector de jerarquía de datos para administrar la visibilidad y la estructura sin alterar los datos subyacentes.

Otras mejoras de la versión

• Angular aplicaciones se generan con Ignite UI for Angular 19.0.0
• Las aplicaciones de componentes web se generan mediante Ignite UI for Web Components 5.1.2
• Blazor aplicaciones se generan con Ignite UI for Blazor 24.2.6
• React aplicaciones se generan con Ignite UI for React 18.7.4

Envolver

En conclusión, App Builder cambia las reglas del juego en el proceso de desarrollo de aplicaciones. Con su creador visual basado en la nube, capacidades de código bajo y nuevas funciones, es una herramienta imprescindible para cualquier organización. ¡Pruébalo hoy! Si necesita más detalles, le recomendamos que consulte nuestro:

• Canal Discord.
• Discusiones de GitHub.
• Mapa vial

Para experimentar todo lo que hay en las últimas actualizaciones App Builder, visite su portal de clientes y obtenga la última versión. Como de costumbre, siempre estamos emocionados de recibir sus comentarios y escuchar lo que desea agregar o recomendar. Así que, por favor, envíame un correo electrónico a zkolev@appbuilder.dev y hazme saber cómo podemos ayudarte a seguir aportando valor a tus clientes con Infragistics.

• ¿Cómo cambiará el low code de IA generativa el desarrollo de aplicaciones?
• Resumen de App Builder 2024: Aspectos destacados y avances en la innovación low-code
• Últimas actualizaciones App Builder: Implementación de GitHub Pages y cuadrícula jerárquica
• ¿Cuál es el futuro del low-code para los CTO y el desarrollo?
• La verdad sobre el impacto de la IA en el desarrollo de software