Últimas atualizações App Builder: implantação do GitHub Pages e grade hierárquica

Com 2025 se aproximando, vamos nos apressar para as atualizações mais recentes do App Builder para que você possa ter todos os componentes e recursos necessários para criar uma experiência de usuário diferenciada e aplicativos de alto desempenho! E nesta versão App Builder, adicionamos uma nova Grade Hierárquica à caixa de ferramentas do componente e à implantação do GitHub Pages para hospedar sites estáticos diretamente de um repositório.

Antes de mergulhar nessas novas funcionalidades, se esta é a primeira vez que você aprende sobre App Builder, deixe-me compartilhar rapidamente por que você deve considerá-lo como uma ferramenta fundamental no processo de desenvolvimento de aplicativos para sua organização:

• Um construtor de aplicativos visuais – a plataforma unificada para gerentes de produto, designers, desenvolvedores e partes interessadas.
• Ferramenta de arrastar e soltar WYSIWYG baseada em nuvem que ajuda as empresas a projetar e criar aplicativos de negócios completos 80% mais rápido do que nunca.
• Uma ferramenta low-code que gera código Blazor pronto para produção, código Angular, código React e código Web Components de seus designs Figma.

Implantação do GitHub Pages como parte das atualizações mais recentes do App Builder

As atualizações mais recentes do App Builder agora fornecem uma experiência perfeita para hospedagem de sites.

Visão geral do GitHub Pages– O GitHub Pages oferece uma excelente solução para hospedar sites diretamente do seu repositório GitHub. Este serviço é perfeito para desenvolvedores que desejam implantar documentação de projetos, portfólios pessoais ou até mesmo blogs com configuração mínima. Veja como o GitHub Pages funciona:

• Integração perfeita: Cada repositório GitHub pode servir como host para um site. Seu conteúdo pode ser acessado instantaneamente por meio de um URL como https://your-username.github.io/your-repo-name.
• Atualizações automáticas: As alterações enviadas para o repositório são refletidas automaticamente no site, garantindo que ele esteja sempre atualizado.
• Geração de site estático: O GitHub Pages inclui suporte para Jekyll, que transforma Markdown em HTML, simplificando o gerenciamento de conteúdo.
• Personalização: Há uma variedade de temas Jekyll disponíveis para personalização, juntamente com a capacidade de aplicar CSS personalizado para um estilo exclusivo.
• Domínios personalizados: Embora o GitHub forneça um subdomínio, você também pode vincular um domínio personalizado ao seu site para um toque profissional.

Integração com App Builder Platform

O App Builder, conhecido por seus recursos de baixo código que geram Angular, React, Blazor e Web Components, agora se integrou ao GitHub Pages para aprimorar as opções de implantação para desenvolvedores. Veja como essa integração se parece atualmente:

Para usuários do GitHub do plano gratuito (padrão):

• Implantação automática do GitHub Pages: Ao marcar a caixa de seleção Implantar, ele habilita automaticamente o GitHub Pages para seus projetos App Builder quando implantados como repositórios públicos. Isso significa que seus projetos do lado do cliente podem ser ativados diretamente do GitHub sem configuração adicional.
• Opção de desativação: Permite que os usuários decidam se desejam que o GitHub Pages seja habilitado para seu projeto na implantação. Isso dá aos desenvolvedores controle sobre a visibilidade e a estratégia de implantação de seus projetos.

Nota sobre os planos Enterprise e Pro:

A integração para usuários corporativos e profissionais do GitHub implantarem automaticamente ou escolherem configurações de implantação para GitHub Pages é atrasada para iterações futuras. Isso significa que, neste estágio, o foco atual permanece em aprimorar a experiência para usuários padrão.

Histórias de usuários reais em ação

• Implantando um projeto: Imagine que você criou um aplicativo React usando a App Builder Platform. Com a integração atual, depois que você envia seu projeto para um repositório público do GitHub, o GitHub Pages pode hospedar automaticamente seu site, tornando-o acessível ao mundo com o mínimo de esforço.
• Controle sobre a implantação: Para aqueles que podem não querer que seus projetos sejam hospedados publicamente ou precisem controlar o cronograma de implantação, os próximos aprimoramentos da interface do usuário permitirão ativar ou desativar o GitHub Pages, dando a você a flexibilidade de gerenciar a visibilidade do seu projeto.

Em poucas palavras, a integração do GitHub Pages com a plataforma App Builder nas últimas atualizações App Builder representa um passo significativo para simplificar a implantação de sites estáticos. Seja você um amador, um desenvolvedor profissional ou parte de uma grande empresa, essa integração visa reduzir as complexidades associadas à hospedagem na web, permitindo que você se concentre mais no desenvolvimento do que no gerenciamento de infraestrutura. Fique atento para mais atualizações à medida que continuamos a expandir essa integração para incluir mais controle do usuário e suporte mais amplo ao plano.

Componente de grade hierárquica na caixa de ferramentas

Nosso App Builder WYSIWYG ficou ainda melhor com um novo componente poderoso que preenche a última vaga do Grid no banco de componentes da AB Grids. Agora temos Grid, HGrid, TreeGrid e PivotGrid, todos eles parte da caixa de ferramentas da AB.

A Grade Hierárquica, ou HGrid, é uma ferramenta poderosa para exibir e interagir com estruturas de dados complexas e aninhadas. Projetado para lidar com até 5 níveis de profundidade, o HGrid simplifica a visualização e o gerenciamento de dados hierárquicos por meio de seu recurso intuitivo RowIslands. Cada RowIsland na Grade Hierárquica é essencialmente uma Grade Plana, repleta de funcionalidades como classificação e filtragem, mas especificamente adaptada para dados aninhados.

Nota importante: Lembre-se de que as operações de dados remotos, como paginação, classificação ou filtragem em RowIslands, estão atualmente desabilitadas para manter a adesão aos princípios da API RESTful, que defendem sub-recursos e associações em vez de estruturas aninhadas para gerenciar dados.

Principais recursos da grade hierárquica

• Geração automática de RowIsland: Quando você associa o HGrid a uma fonte de dados hierárquica, ele gera automaticamente RowIslands para cada nível de dados de até 5 níveis de profundidade.
• RowIslands configuráveis: Cada RowIsland pode ser configurada de forma independente com recursos como configurações de coluna e modelos, garantindo flexibilidade em cada nível hierárquico.
• Facilidade de navegação: Ao selecionar HGrid, a primeira linha se expande automaticamente, mostrando grades filhas. A navegação pela hierarquia é intuitiva por meio do painel Estrutura de tópicos. Os usuários obtêm controle personalizado sobre cada RowIsland, personalizando recursos como classificação e paginação, mas observe que não há suporte para operações remotas e de grupo. A grade se expande para mostrar grades filhas e os usuários podem navegar pelos níveis, selecionando e configurando cada RowIsland.
• Gerenciamento de hierarquia: O componente Hierarquia de dados representa visualmente as relações pai-filho, permitindo que os usuários mostrem ou ocultem grades filho conforme necessário seletivamente. Os usuários podem escolher quais níveis de dados exibir ou ocultar, aprimorando a experiência do usuário gerenciando a complexidade dos dados.

Funcionalidades extras e cenários de integração

• Soltar e vincular: Remover o HGrid da caixa de ferramentas o associa automaticamente a um conjunto de dados de exemplo, como Northwind.Orders, configurando a estrutura hierárquica.
• Interação da superfície do projeto: Selecione qualquer grade filho na tela de design para configuração detalhada.
• Visualização da hierarquia de dados: Um componente exibe a estrutura de dados, auxiliando na compreensão e manipulação da hierarquia da grade.
• Aprimoramentos futuros: Recursos como navegação estrutural para facilitar a configuração entre níveis estão planejados para a próxima versão.

Práticas recomendadas para usar o HGrid

• Limitação de profundidade: Lembre-se do limite de profundidade de 5 níveis ao organizar dados.
• Configuração: Use o painel de propriedades para personalizar cada RowIsland sem afetar outras.
• Gerenciamento de hierarquia: Utilize o seletor de hierarquia de dados para gerenciar a visibilidade e a estrutura sem alterar os dados subjacentes.

Outras melhorias de lançamento

• Angular aplicativos são gerados usando o Ignite UI for Angular 19.0.0
• Os aplicativos de Componente Web são gerados usando o Ignite UI for Web Components 5.1.2
• Blazor aplicativos são gerados usando o Ignite UI for Blazor 24.2.6
• React aplicativos são gerados usando o Ignite UI for React 18.7.4

Embrulhar

Em conclusão, App Builder é um divisor de águas no processo de desenvolvimento de aplicativos. Com seu construtor visual baseado em nuvem, recursos de baixo código e novos recursos, é uma ferramenta obrigatória para qualquer organização. Experimente hoje! Se precisar de mais detalhes, recomendamos que você confira nosso:

• Discord canal.
• Discussões do GitHub.
• Roteiro

Para experimentar tudo nas últimas atualizações do App Builder, visite o portal do cliente e obtenha a versão mais recente. Como de costume, estamos sempre ansiosos para receber seus comentários e ouvir o que você deseja adicionar ou recomendar. Então, por favor, envie-me um e-mail para zkolev@appbuilder.dev e deixe-me saber como podemos ajudá-lo a continuar agregando valor aos seus clientes com a Infragistics.

• Como obter personalização completa de low-code?
• Criando formulários React com App Builder facilitado
• Por que a flexibilidade de código é crucial no desenvolvimento moderno de low-code?
• Lidando com dados complexos – Escolhendo o componente certo para sua estrutura de dados
• Riscos de aprisionamento do fornecedor: por que as plataformas low-code devem priorizar a liberdade?