Nueva versión: generadores de código v0.9

¡Nos entusiasma compartir los importantes avances en las bibliotecas de generación de código de TeleportHQ! En esta nueva versión, hemos añadido nuevos generadores de componentes y proyectos para Angular, Preact y Stencil.

Pruébalo en: repl.teleporthq.io

Durante los meses previos a la v0.9, estuvimos trabajando intensamente en la infraestructura y la arquitectura que sustentan el ecosistema. Primero, dividimos los paquetes en npm con una configuración de monorepositorio Lerna en la v0.7. Después, trabajamos para ofrecer funcionalidades genéricas para los generadores de componentes y proyectos en la v0.8. Con estos cambios, permitimos que los desarrolladores personalicen, configuren y amplíen los paquetes existentes.

Con este modelo ya establecido, nos complace anunciar los nuevos generadores oficiales de componentes:

• teleport-component-generator-angular
• teleport-component-generator-preact
• teleport-component-generator-stencil

Estos nuevos paquetes se suman a nuestro amplio ecosistema de complementos y generadores de componentes y proyectos.

Angular#

En el desarrollo de aplicaciones empresariales, entre otros ámbitos, Angular es una de las soluciones más populares. Los componentes de Angular suelen estar formados por 3 archivos independientes: la plantilla HTML, el componente de clase TypeScript y el archivo CSS. Crear componentes de Angular fue una tarea interesante. Terminamos combinando funcionalidades de los generadores de componentes de Vue y Stencil. Actualmente estamos trabajando en una solución para crear un generador de proyectos basado en componentes de Angular.

Preact#

Cuando no necesitas toda la potencia de React, Preact.js es una alternativa muy ligera (una biblioteca de 3 Kb comprimida con gzip) para aplicaciones web modernas. Preact funciona especialmente bien cuando es fundamental mantener un tamaño mínimo del paquete. Partiendo del sistema de complementos de React, crear componentes de Preact fue bastante sencillo. Además, añadimos un generador de proyectos basado en Preact, que parte de la plantilla que ofrece «preact-cli».

Stencil#

Los componentes web son excelentes porque ofrecen compatibilidad nativa con la encapsulación, el estado local y los estilos con alcance limitado. Stencil.js es una de las soluciones más populares para compilar componentes web. Stencil ofrece una excelente experiencia para desarrolladores, con sintaxis JSX, TypeScript y CSS con alcance limitado.

Si quieres probar los nuevos generadores, visita el REPL en línea o consulta la documentación para configurar rápidamente un entorno local con los paquetes de npm.

Qué sigue#

La versión 0.10 está en el horizonte. Esta versión ampliará nuestro ecosistema con generadores de componentes y proyectos para React Native. También estamos trabajando para añadir nuevos publicadores a los generadores de proyectos existentes. Por último, estamos explorando la generación de sistemas de componentes basados en la estructura UIDL.