Nuova versione - Generatori di codice v0.9

Siamo entusiasti di annunciare gli importanti progressi compiuti nelle librerie di generazione del codice di TeleportHQ! In questa nuova versione abbiamo aggiunto nuovi generatori di componenti e progetti per Angular, Preact e Stencil.

Provalo su: repl.teleporthq.io

Nei mesi precedenti alla v0.9 ci siamo dedicati all'infrastruttura e all'architettura di base dell'ecosistema. Per prima cosa, con la v0.7 abbiamo separato i pacchetti su npm utilizzando una configurazione monorepo con Lerna. Con la v0.8 abbiamo poi introdotto funzionalità generiche per i generatori di componenti e progetti. Grazie a queste modifiche, gli sviluppatori possono personalizzare, configurare ed estendere i pacchetti esistenti.

Ora che questo modello è pronto, siamo lieti di annunciare i nuovi generatori ufficiali di componenti:

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

Questi nuovi pacchetti arricchiscono il nostro vasto ecosistema di plugin e generatori di componenti e progetti.

Angular#

Per lo sviluppo di applicazioni aziendali e non solo, Angular è una delle soluzioni più diffuse. I componenti Angular sono solitamente composti da 3 file separati: il template HTML, la classe del componente in TypeScript e il file CSS. Realizzare i componenti Angular è stato un compito interessante. Abbiamo finito per combinare funzionalità dei generatori di componenti per Vue e Stencil. Stiamo lavorando a una soluzione per creare un generatore di progetti basato sui componenti Angular.

Preact#

Quando non serve tutta la potenza di React, Preact.js è un’alternativa per le moderne applicazioni web, estremamente leggera (libreria compressa con gzip da 3 KB). Preact è particolarmente utile quando è fondamentale mantenere minimo il peso del bundle. Partendo dal sistema di plugin di React, realizzare componenti Preact è stato piuttosto semplice. Inoltre, abbiamo aggiunto un generatore di progetti basato su Preact, che utilizza il template offerto da 'preact-cli'.

Stencil#

I Web Components sono molto utili perché offrono supporto nativo per l’incapsulamento, lo stato locale e gli stili con scope. Stencil.js è una delle soluzioni più diffuse per compilare codice in Web Components. Stencil offre un’ottima esperienza di sviluppo grazie a sintassi JSX, TypeScript e CSS con scope.

Se vuoi provare i nuovi generatori, visita il REPL online oppure consulta la documentazione per una rapida configurazione locale basata sui pacchetti npm.

Prossimi passi#

La versione v0.10 è ormai in vista. Questa release amplierà il nostro ecosistema con generatori di componenti e progetti per React Native. Stiamo anche lavorando all’aggiunta di nuovi publisher per i generatori di progetti esistenti. Infine, stiamo valutando la generazione di sistemi di componenti basati sulla struttura UIDL.