App Builder lanzamiento: IA, diseño de cuadrícula CSS y más

¡Estoy encantado de anunciar otro hito importante para App Builder este agosto! Esta versión App Builder presenta nuevas y potentes funciones y mejoras que aceleran significativamente el desarrollo de aplicaciones, lo que facilita más que nunca la creación de aplicaciones sólidas. Con capacidades de vanguardia como el diseño de cuadrícula CSS y la generación de imágenes y fuentes de datos impulsada por IA, junto con mejoras en la experiencia general del usuario, App Builder continúa redefiniendo lo que es posible en el desarrollo de low-code.

Antes de sumergirte en React Generación de Código y todas las nuevas funcionalidades, si es la primera vez que aprendes sobre App Builder, permíteme 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 Web Components y código React listos para producción a partir de sus diseños de Figma y Sketch.

App Builder IA

En el entorno de desarrollo acelerado de hoy en día, mantenerse a la vanguardia requiere algo más que experiencia: exige las herramientas adecuadas. Nuestras nuevas funciones impulsadas por IA están diseñadas para agilizar el proceso de desarrollo mediante la automatización de tareas tediosas. Desde la generación de imágenes hasta la creación de fuentes de datos, App Builder IA mejora la productividad y abre nuevos caminos creativos, lo que permite a los desarrolladores y diseñadores centrarse en lo que mejor saben hacer: innovar.

Rellene nuestra encuesta rápida para compartir sus opiniones sobre las últimas funciones de IA en App Builder y qué más esperaría: ¡su opinión ayuda a dar forma al futuro del desarrollo de aplicaciones!

Diseño de cuadrícula CSS

Esta versión App Builder ahora también presenta CSS Grid Layout, que App Builder trae un nuevo y poderoso sistema de diseño, lo que permite la creación de diseños web complejos y responsables con facilidad. Los usuarios ahora pueden definir manualmente filas y columnas, proporcionando un control preciso sobre sus diseños.

¿De qué trata el reportaje hasta ahora?

• La interfaz de usuario permite establecer un número específico de columnas y filas.
• El diseño de la cuadrícula se actualiza en tiempo real a medida que se realizan ajustes.
• Los adornos muestran líneas de cuadrícula, límites de columna y fila mientras diseñan. Estos indicadores ayudan a visualizar la estructura de la cuadrícula sin afectar el resultado final.
• Cada columna y fila se puede dimensionar individualmente fr​ ​rem, utilizando unidades de px porcentaje o unidades de porcentaje, a través de un menú desplegable para seleccionar la unidad de cada fila y columna.

Cambiar entre modos de diseño (por ejemplo, de Flex a Grid) tiene pequeñas limitaciones. Esto dará como resultado la pérdida de la información de diseño, aunque siempre puede usar las capacidades de deshacer/rehacer para restaurar los cambios.

Las próximas iteraciones de la versión cubrirán capacidades de reordenamiento más sólidas y un manejo de contenido dinámico más eficiente.

Versión App Builder con dimensionamiento global de aplicaciones y componentes

Otra mejora introducida con esta versión App Builder es la nueva función de tamaño con dos funcionalidades clave para mantener la coherencia en todas las aplicaciones:

• Tamaño global a nivel de aplicación: Establezca un tamaño global para todos los componentes dentro de su tema, con la opción de dejarlo sin establecer, lo que permite que se apliquen los tamaños de tema predeterminados.
• Tamaño específico del componente: anule el tamaño global por componente. Al seleccionar un componente, el tamaño predeterminado basado en el tema se aplicará automáticamente, lo que le dará una indicación clara del tamaño estándar.

Estas características garantizan que sus diseños mantengan un aspecto cohesivo, con la flexibilidad de personalizarlos según sea necesario.

Actualización automática en segundo plano de las fuentes de datos

Para garantizar que los datos estén siempre actualizados, ahora App Builder introduce la actualización automática en segundo plano de las fuentes de datos. Esta función es particularmente útil cuando se trabaja en conjunto con desarrolladores de backend, ya que garantiza que cualquier cambio realizado en las API Rest de sus fuentes de datos se refleje en tiempo real sin interrumpir su flujo de trabajo.

• Actualizaciones automáticas: los nuevos puntos de conexión, entidades o propiedades se detectarán automáticamente y se le notificará cualquier cambio a través de una interfaz de usuario intuitiva.
• Integración perfecta: la actualización en segundo plano funciona de forma silenciosa y actualiza sus fuentes de datos según sea necesario, para que pueda seguir creando sin interrupciones.

Mejoras y nuevas capacidades

• Nuevo selector de exploración en profundidad para fuentes de datos: hemos introducido un selector de exploración en profundidad personalizado, lo que facilita la navegación por grandes colecciones de fuentes de datos. Esta mejora admite el filtrado, lo que garantiza que pueda encontrar la fuente de datos exacta que necesita de forma rápida y eficaz.

• Compatibilidad con PostgreSQL: App Builder ahora es compatible con PostgreSQL, tanto a través de SDK como en las instalaciones, lo que amplía sus opciones para la gestión de datos.
• Descargar y restaurar las capacidades de la aplicación: ahora puede descargar y cargar fácilmente plantillas de aplicaciones directamente a través de la interfaz de usuario, lo que simplifica el proceso de reutilización o uso compartido de sus aplicaciones en diferentes entornos o directamente sin usar las capacidades del espacio de trabajo compartido.

---

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.
• Hoja de ruta.

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.

---

• Empoderar a los desarrolladores ciudadanos: una guía del CTO para aprovechar el talento no técnico
• React Generación de código: guía paso a paso
• ¿Cuáles son las 5 limitaciones de la IA en el desarrollo de aplicaciones low-code?
• React Generación de código: guía paso a paso
• App Builder lanzamiento: IA, diseño de cuadrícula CSS y más