Svelte – il framework snello per applicazioni web mobili veloci

Per molto tempo JavaScript è stato indispensabile per creare contenuti web accattivanti. A tal fine, tuttavia, gli sviluppatori web dovevano innanzitutto padroneggiare il linguaggio di programmazione e non tutti avevano tempo e voglia di cimentarsi in questo compito. Per questo ci sono i cosiddetti framework che forniscono agli sviluppatori una struttura in cui anche le funzioni JavaScript complicate possono essere eseguite automaticamente. Ciò riduce considerevolmente l’impegno necessario per la programmazione. In compenso, tuttavia, la maggior parte dei framework carica pesantemente il browser. Svelte offre invece un approccio radicalmente nuovo.

Anche Svelte (o SvelteJS) è un framework per lo sviluppo di app JavaScript, gratuito e open source. In quanto tale fornisce la struttura di base per l’app futura e importanti funzioni ricorrenti sotto forma di librerie integrate automaticamente. Il framework definisce le opzioni di base all’interno di una determinata struttura e determina sostanzialmente il processo di sviluppo. I framework utilizzati nella programmazione di applicazioni web sono facili da usare dopo un breve periodo di orientamento.

Svelte è uno strumento ideale per la realizzazione di applicazioni web veloci ed è sostanzialmente simile ad altri framework Javascript come Angular, Vue, Ractive o React. Proprio come loro Svelte si basa su JavaScript e consente la progettazione di interfacce utente interattive. Tuttavia, il codice generato è molto più snello rispetto ai framework tradizionali.

Svelte è innovativo in quanto può convertire un codice framework complesso in un codice JavaScript ottimizzato e semplice. La maggior parte dei framework precedenti lasciava al browser il compito di interpretare e visualizzare l’app in JavaScript, con un conseguente rallentamento della visualizzazione. Svelte, invece, compila l’app già durante lo sviluppo in un codice JavaScript snello e ottimizzato. Un obiettivo nello sviluppo di Svelte era anche quello di dare allo sviluppatore web la possibilità di scrivere un codice il più possibile snello e intelligente, senza doversi trascinare dietro troppa zavorra con il framework.

Il problema con i framework tradizionali è sempre lo stesso: invece di semplificare il codice JavaScript per renderlo eseguibile nel browser, ampliano il codice e consentono a tutte le funzioni del framework, spesso inutilizzate, di essere interpretate da JavaScript. Di conseguenza, anche applicazioni relativamente piccole in un framework tradizionale si espandono in script di grandi dimensioni, la cui esecuzione costa tempo di elaborazione e volume di dati. In breve: i framework aiutano a strutturare i pensieri ma non il codice. Spesso il problema è che gli sviluppatori del framework sono focalizzati sull’esecuzione nel browser e trascurano l’uso del puro JavaScript “Vanilla”. Questa è la differenza fondamentale rispetto a Svelte. A eccezione di alcuni comandi di base, che possono essere appresi molto rapidamente, Svelte si serve di puro HTML, CSS e JavaScript.

Durante il processo di creazione, i componenti dell’app vengono compilati in moduli JavaScript indipendenti. Il programmatore può verificare la stabilità e l’esecuzione del suo programma compilato in qualsiasi momento in una finestra di anteprima. Il vantaggio di questa procedura è che lo script finale diventa estremamente snello e veloce. In Svelte lo script, che difficilmente può essere influenzato, non si espande come nei framework tradizionali. Il risultato è che si ottengono prestazioni fino a 10 volte più veloci, rispetto, ad esempio, al popolare framework REACT.

Svelte per JS (JavaScript) è costituito da diversi componenti. La sua attrattiva particolare è che lo sviluppatore web non deve preoccuparsi dei componenti CSS fastidiosi e soggetti a errori. È sufficiente definire semplici tag HTML o XML e lasciare che SvelteJS li interpreti. SvelteJS crea anche i componenti dell’app. Il codice HTML è scritto in una cosiddetta finestra di input REPL (Read-eval-print loop) nel browser. L’interpretazione di JavaScript avviene immediatamente e automaticamente. Così la stabilità del codice può essere subito verificata.

Con il suo approccio semplice e molto ridotto Svelte consente estensioni di web app con possibilità molto ampie. Mentre in REACT praticamente l’intero script deve essere chiaro fin dall’inizio, Svelte consente facilmente ulteriori estensioni, senza pregiudicare la stabilità e le prestazioni dell’app. Ciò rende Svelte uno strumento ideale per lo sviluppo di nuove app e per l’aumento delle prestazioni delle strutture esistenti. Gli sviluppatori di SvelteJS si rivolgono soprattutto ai principianti nella programmazione di app e offrono loro kit di avvio, con i quali è possibile ottenere rapidamente dei risultati. Naturalmente anche SvelteJS presuppone alcune conoscenze preliminari, specialmente dei codici CSS e JavaScript. Tuttavia, l’approccio snello del framework Svelte consente ai principianti di orientarsi facilmente nell’ambiente di programmazione.

Per eseguire SvelteJS in locale sul proprio sistema è necessario installare Node JS. Dopodiché SvelteJS può essere installato dal repository di GitHub.

L’ambiente di sviluppo di SvelteJS funziona su un server web locale all’indirizzo "http://localhost:5000". La pagina demo online di Svelte offre un buon approccio a SvelteJS, senza dover installare il pacchetto del programma. Script di esempio sono offerti per tutti i componenti importanti, che possono essere modificati e testati utilizzando lo strumento REPL originale. In questo modo si può rapidamente capire se e in che misura SvelteJS è adatto per implementare la propria idea di app.

Grazie al volume di dati estremamente ridotto, SvelteJS consente app più potenti e veloci rispetto ai framework tradizionali. Svelte, tuttavia, è ancora molto giovane e la sua community ancora piccola. SvelteJS promette un accesso migliore, un approccio più facile e risultati più rapidi e finora sembra aver mantenuto queste promesse. Se SvelteJS dovesse effettivamente rivelarsi molto più potente di VUE, Ractive o REACT, potrebbe presto sostituirli e diventare il nuovo standard universale per lo sviluppo di web app per dispositivi mobili.