Renderizado de Flakes con el Engine de UiTool

El Engine es el otro 50% de UiTool. De nada servirían las piezas diseñadas en esa plataforma, sin otro software capaz de reconstruirlas en un navegador web para el caso de las PowerApps, Landings y Bots, o convertirlas en imágenes en el caso de los Hogs y Posts.

Reconstrucción e interacción con Flakes

UiTool es una plataforma no-code que genera un gran json que denominamos SkinX, y a su vez sub-jsons que denominamos Flakes. Los mismos se convierten en componentes React para su renderización en un browser, tanto en UiTool para continuar diseñándolo, como en el Engine para mostrar la pieza final.

El Engine es el responsable de inyectar las variables a la hora de renderizar un flake. De construir el componente bot para chatear con la IA. De generar interacciones y métricas de uso de las PowerApps, renderizar la imagen de un Hog para utilizarlo con el protocolo Open Graph de Meta, o reconstruir la imagen de un Post que estará listo para ser utilizado en cualquier red social.

Cuando creamos una campaña desde Small o generamos un Hotlink, es el Engine quien está por detrás reconstruyendo masivamente los flakes para que los usuarios interactúen con estos.

Tipos de renderizados

Dos tipos de reconstrucción de flakes ocurren en el Engine:

El primero denominado “preview” para la vista previa y temporal de un flake que está en proceso de diseño. El diseñador podrá utilizar esta para ver el estado actual de su trabajo. En este modo de visualización de un flake, se utilizan los placeholders de las variables como valor por defecto para completar esos espacios y mostrar información real.

Las piezas productivas que renderiza el Engine como las PowerApps o los Hogs se diferencian de las previsualizaciones en que las variables vuelven totalmente único cada uno.

Dependiendo el estadio de un SkinX, el Engine participará de una u otra manera, siempre importante para reconstruir los componentes que forman un Flake.

Conclusión

El Engine le da vida a los SkinX y a la Suite completa. Complementa la funcionalidad de UiTool, reconstruyendo y permitiendo la interacción con las piezas diseñadas. Desde PowerApps hasta Hogs, el Engine inyecta variables y genera interacciones, vital para campañas y experiencias de usuario.