Versão App Builder: recursos de paginação remota e mapeamento de fonte de dados

Estou animado para compartilhar as atualizações interessantes na versão mais recente App Builder, projetadas para simplificar ainda mais o processo de desenvolvimento do seu aplicativo! Introduzimos recursos importantes que aumentam a flexibilidade e o desempenho, incluindo suporte para reparenting de layout CSS Grid, permitindo o rearranjo perfeito de elementos dentro dos seus layouts. Também adicionamos recursos poderosos de mapeamento de fonte de dados, tornando a vinculação da IU ainda mais fácil quando ocorrem alterações de esquema. Além disso, Grid e Tree Grid agora oferecem suporte para paginação remota, melhorando muito o desempenho ao buscar e exibir dinamicamente conjuntos de dados menores de servidores remotos. Essas atualizações continuam solidificando a posição do App Builder como a plataforma de referência para desenvolvimento de aplicativos de baixo código e alto desempenho.

Antes de mergulhar nos novos recursos e em todas as novas funcionalidades, se esta é a primeira vez que você aprende sobre App Builder, deixe-me compartilhar rapidamente por que você deve considerá-lo uma ferramenta essencial no processo de desenvolvimento de aplicativos para sua organização:

• Um App Builder visual – a plataforma unificada para gerentes de produtos, 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, código Angular, Web Components e código React pronto para produção a partir de seus designs Figma e Sketch.

Suporte para paginação remota em grade

O novo recurso Grid Remote Paging permite que as grades carreguem dados dinamicamente do servidor, buscando apenas a parte necessária em vez de todo o conjunto de dados. Isso é particularmente útil para grandes conjuntos de dados, melhorando o desempenho e reduzindo os tempos de carregamento. Desenvolvedores e usuários podem configurar o paging remoto para atender às suas necessidades, seja usando um único endpoint de API ou endpoints separados para dados paginados e contagem total de registros. Ao gerenciar com eficiência as solicitações de dados, a grade garante uma experiência mais suave sem sobrecarregar o servidor ou o cliente.

Como funciona o paging remoto?

A paginação remota divide os dados em “páginas” que são solicitadas individualmente de um servidor remoto. Isso garante que apenas a fatia necessária de dados seja carregada por vez. Ela pode ser configurada para componentes Grid e Tree Grid usando propriedades internas na ferramenta.

Os usuários usam um Configurator para configurar tudo o que é necessário para que o paging remoto funcione. O que é necessário?

• pageIndex– O índice de página de registros a serem buscados. Se esse parâmetro não for fornecido, a busca começa do início (página 0).
• pageSize– O número máximo de registros a serem buscados por página. Se esse parâmetro não for fornecido, todos os registros serão buscados.
• totalRecords– Retorna o número total de registros que o Paginator usa para fazer cálculos adequados e passar os registros de dados para a Grade.

Os desenvolvedores podem implementar a paginação remota seguindo duas abordagens, dependendo de como a API manipula os dados e da contagem total de registros.

• Usando um ponto de extremidade combinado para dados e contagem total de registros– Nesse caso, a API retorna os dados paginados e o número total de registros em uma única resposta.

Este é um exemplo de uma estrutura de dados suportada:

{
  "items": [
    {
      "categoryId": 0,
      "description": "string",
      "name": "string"
    }
  ],
  "totalRecordsCount": 0,
  "pageSize": 0,
  "pageNumber": 0,
  "totalPages": 0
}

• Usando endpoints separados para dados e contagem total de registros– Nesta configuração, duas chamadas de API são feitas: uma para recuperar os dados paginados e outra para obter a contagem total de registros.

Os desenvolvedores podem facilmente configurar paginação remota usando o configurador do App Builder, especificando parâmetros como Índice de página, Tamanho da página e Total de registros. Essa flexibilidade torna a construção de aplicativos escaláveis e de alto desempenho mais fácil com configuração manual mínima.

Mais informações sobre o recurso de paginação remota aqui.

Suporte para Reparenting de Layout de Grade CSS

Use Shift + arrastar do mouse para reposicionar o conteúdo da célula da grade com facilidade.

Fonte de dados com suporte a mapeamentos

Uma fonte de dados com suporte a mapeamento permite que você escolha ligações de UI por meio de uma interface quando ocorrem alterações de esquema. Em outras palavras, se houver alterações em endpoints, esquemas ou propriedades, agora você pode mapear facilmente as ligações existentes do seu aplicativo para seus novos equivalentes.

---

Concluindo, App Builder é um divisor de águas no processo de desenvolvimento de aplicativos. Seu construtor visual baseado em nuvem, recursos de low-code e novos recursos o tornam uma ferramenta essencial para qualquer organização. Experimente hoje mesmo! Se precisar de mais detalhes, recomendamos que você confira nosso:

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

To experience everything, head over to appbuilder.dev and start using the App Builder. If you want an exclusive preview of our latest developments, check our App Builder Preview environment. As usual, we are always excited to get your feedback and hear what you want to add or recommend. So, please email me at zkolev@appbuilder.dev and let me know how we can help you continue delivering value to your customers with Infragistics.

---

• Maximizando a agilidade dos negócios com o desenvolvimento low-code
• App Builder IA: como ela agiliza o desenvolvimento de aplicativos?
• App Builder Versão: AI, CSS Grid Layout e muito mais
• 5 principais recursos a serem considerados ao escolher uma plataforma low-code
• React Geração de código: guia passo a passo