snello - Svelte

svelto
Svelte Logo.svg
Autori originali Ricco Harris
Versione iniziale 26 novembre 2016 ; 4 anni fa ( 2016-11-26 )
Rilascio stabile
3.38.2  Modificalo su Wikidata / 3 maggio 2021 ; 5 mesi fa ( 3 maggio 2021 )
Repository Svelte Repository
Scritto in Dattiloscritto
piattaforma Piattaforma web
Taglia 4.1 KB
Tipo Struttura web
Licenza Licenza MIT
Sito web snello .dev

Svelte è un compilatore front-end gratuito e open source creato da Rich Harris e gestito dai membri del team principale di Svelte. Le applicazioni snelle non includono uno script framework. Invece, la creazione di un'applicazione Svelte genera il codice necessario per manipolare il DOM all'interno di ciascun componente, il che può ridurre la dimensione dei file trasferiti e fornire migliori prestazioni di avvio e runtime del client. Svelte ha il proprio compilatore per convertire il codice dell'app in JavaScript lato client in fase di compilazione . È scritto in TypeScript . A differenza dei framework tradizionali (React e Vue) che svolgono la maggior parte del loro lavoro nel browser , Svelte sposta il lavoro in una fase di compilazione che avviene quando viene creata un'app. Il codice sorgente di Svelte è concesso in licenza con licenza MIT e ospitato su GitHub .

Storia

Il predecessore di Svelte è Ractive.js, che Rich Harris aveva sviluppato in precedenza.

La versione 1 di Svelte è stata scritta in JavaScript ed è stata rilasciata il 29 novembre 2016.

La versione 2 di Svelte è stata rilasciata il 19 aprile 2018.

La versione 3 di Svelte è scritta in TypeScript ed è stata rilasciata il 21 aprile 2019.

Il framework web SvelteKit è stato annunciato nell'ottobre 2020 ed è entrato in versione beta nel marzo 2021.

Esempio

Le applicazioni e i componenti snelli sono definiti nei .sveltefile, che sono file HTML estesi con una sintassi dei modelli simile a JSX . Svelte ripropone la sintassi dell'istruzione etichettata nativa di JavaScript $:per contrassegnare le istruzioni reattive . Le variabili di primo livello diventano lo stato del componente e le variabili esportate diventano le proprietà che il componente riceve.

<script>
    let count = 1;
    $: doubled = count * 2;
</script>

<p>{count} * 2 = {doubled}</p>

<button on:click={() => count = count + 1}>Count</button>

Progetti associati

I manutentori di Svelte hanno creato SvelteKit come il modo ufficiale per costruire progetti con Svelte. I manutentori di Svelte mantengono anche una serie di integrazioni per progetti software popolari nell'ambito dell'organizzazione Svelte, comprese integrazioni per Vite, Rollup, Webpack, TypeScript, VS Code, eslint, più carino e altro.

Sapper (predecessore di SvelteKit) è un framework in stile Next.js che riduce drasticamente la quantità di codice che viene inviato al browser.

Influenza

Vue.js ha modellato la sua API e i componenti a file singolo su Ractive.js, il predecessore di Svelte.

Adozione

Svelte è ampiamente elogiato dagli sviluppatori. Prendendo il primo posto in più sondaggi per sviluppatori su larga scala, è stato scelto come il framework web più amato di StackOverflow 2021 e il framework frontend 2020 State of JS con gli sviluppatori più soddisfatti .

Svelte è stato adottato da numerose società web di alto profilo tra cui The New York Times , Apple , Spotify , Square , Rakuten , Ikea e Brave .

Un gruppo di comunità di non manutentori gestisce la conferenza Svelte Summit, scrive una newsletter Svelte, ospita un podcast Svelte e ospita una directory di strumenti, componenti e modelli Svelte.

Guarda anche

Riferimenti

link esterno