

App Builder Versão: AI, CSS Grid Layout e muito mais
Em agosto, estamos marcando outro marco para App Builder- uma nova versão que agora apresenta App Builder IA, CSS Grid Layout e outras melhorias. Leia mais na postagem do blog.
Estou emocionado em anunciar outro marco importante para App Builder em agosto! Esta versão App Builder apresenta novos recursos e aprimoramentos poderosos que aceleram significativamente o desenvolvimento de aplicativos, tornando mais fácil do que nunca criar aplicativos robustos. Com recursos de ponta, como CSS Grid Layout e geração de imagens e fontes de dados orientadas por IA, juntamente com melhorias na experiência geral do usuário, App Builder continua a redefinir o que é possível no desenvolvimento low-code.
Antes de mergulhar na React Geração de Código e 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 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, código Angular, Web Components e código React pronto para produção a partir de seus designs Figma e Sketch.
App Builder IA
No ambiente de desenvolvimento acelerado de hoje, ficar à frente requer mais do que apenas experiência - exige as ferramentas certas. Nossos novos recursos orientados por IA são projetados para simplificar o processo de desenvolvimento, automatizando tarefas tediosas. Desde a geração de imagens até a criação de fontes de dados, a IA App Builder aumenta a produtividade e abre novos caminhos criativos, permitindo que desenvolvedores e designers se concentrem no que fazem de melhor: inovar.

Preencha nossa enquete rápida para compartilhar suas opiniões sobre os recursos de IA mais recentes em App Builder e o que mais você esperaria - sua opinião ajuda a moldar o futuro do desenvolvimento de aplicativos!
Layout de grade CSS
Esta versão App Builder agora apresenta o CSS Grid Layout, também, que traz um novo e poderoso sistema de layout para App Builder, permitindo a criação de web designs complexos e responsivos com facilidade. Os usuários agora podem definir manualmente linhas e colunas, fornecendo controle preciso sobre seus layouts.
O que o recurso cobre até agora?
- A interface do usuário permite definir um número específico de colunas e linhas.
- O layout da grade é atualizado em tempo real à medida que os ajustes são feitos.
- Os adornos exibem linhas de grade, colunas e limites de linha durante o design. Esses indicadores ajudam na visualização da estrutura da grade sem afetar a saída final.
- Cada coluna e linha pode ser dimensionada individualmente, usando
fr
unidades de porcentagem ourem
px
porcentagem, por meio de um menu suspenso para selecionar a unidade para cada linha e coluna.

Alternar entre os modos de layout (por exemplo, de Flex para Grid) tem pequenas limitações. Isso resultará na perda das informações de layout, embora você sempre possa usar os recursos de desfazer/refazer para restaurar suas alterações.
As próximas iterações de lançamento abrangerão recursos de reordenação mais robustos e manipulação dinâmica de conteúdo mais eficiente.
App Builder com aplicação global e dimensionamento de componentes
Outro aprimoramento introduzido com esta versão App Builder é o novo recurso de dimensionamento com duas funcionalidades principais para manter a consistência em seus aplicativos:
- Dimensionamento global no nível do aplicativo: Defina um tamanho global para todos os componentes do seu tema, com a opção de deixá-lo indefinido, permitindo que os tamanhos de tema padrão sejam aplicados.
- Dimensionamento específico do componente: substitua o tamanho global por componente. Ao selecionar um componente, o tamanho padrão com base no tema será aplicado automaticamente, dando a você uma indicação clara do tamanho padrão.

Esses recursos garantem que seus designs mantenham uma aparência coesa, com a flexibilidade de personalizar conforme necessário.
Atualização automática em segundo plano de fontes de dados
Para garantir que seus dados estejam sempre atualizados, App Builder agora introduz a atualização automática em segundo plano das fontes de dados. Esse recurso é particularmente útil ao trabalhar em conjunto com desenvolvedores de back-end, pois garante que todas as alterações feitas nas APIs Rest de suas fontes de dados sejam refletidas em tempo real sem interromper seu fluxo de trabalho.
- Atualizações automáticas: novos pontos de extremidade, entidades ou propriedades serão detectados automaticamente e você será notificado sobre quaisquer alterações por meio de uma interface do usuário intuitiva.
- Integração perfeita: a atualização em segundo plano funciona silenciosamente, atualizando suas fontes de dados conforme necessário, para que você possa continuar criando sem interrupção.

Melhorias e novos recursos
- Novo seletor de busca detalhada para fontes de dados: introduzimos um seletor de busca detalhada personalizado, facilitando a navegação em grandes coleções de fontes de dados. Essa melhoria dá suporte à filtragem, garantindo que você possa encontrar a fonte de dados exata de que precisa de forma rápida e eficiente.

- Suporte a banco de dados interno do PostgreSQL: App Builder SDK e On-Premise agora oferecem suporte a PostgreSQL, MySQL e SQL Server como bancos de dados internos. No entanto, esses bancos de dados não estão diretamente disponíveis como fontes de dados para aplicativos criados com App Builder a menos que você crie um ponto de extremidade para se conectar ao banco de dados desejado.
- Baixar e restaurar recursos de aplicativos: agora você pode baixar e carregar facilmente modelos de aplicativos diretamente pela interface do usuário, simplificando o processo de reutilização ou compartilhamento de seus aplicativos em diferentes ambientes ou diretamente sem usar os recursos de espaço de trabalho compartilhado.

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:
To experience everything, head over to appbuilder.dev and start using the App Builder. If you’re curious to get 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.

- 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?