Svelte
| Svelte | ||||
|---|---|---|---|---|
| ||||
| Ontwikkelaar(s) | Rich Harris | |||
| Uitgebracht | 29 november 2016 (8 jaar) | |||
| Recentste versie | 5.38.3 (23 augustus 2025)[1] 
| |||
| Status | Actief | |||
| Besturingssysteem | multiplatform | |||
| Geschreven in | TypeScript | |||
| Categorie | JavaScriptframework | |||
| Licentie(s) | MIT-licentie | |||
| Versiebeheer | Officiële broncode | |||
| Website | (en) svelte.dev | |||
| ||||
Svelte is een opensource front end compiler, ontwikkeld door Rich Harris en onderhouden door de Sveltecoreteamleden. Svelte is geen JavaScriptbibliotheek om te importeren in applicaties, maar compileert HTML-sjablonen naar code die de DOM direct bewerkt, wat de grootte van de applicatie kan verminderen en de snelheid kan verbeteren. Ook wordt code toegevoegd om automatisch elementen opnieuw te renderen wanneer de data waarop ze gebaseerd zijn, veranderen. Dit voorkomt de overhead die komt kijken bij virtuele representaties (zoals bij React en Vue), die het meeste werk in de browser doen. De compiler is geschreven in TypeScript. De broncode is gelicenseerd onder de MIT-licentie en wordt gehost op GitHub.[2]
Geschiedenis
[bewerken | brontekst bewerken]De voorganger van Svelte is Ractive.js, dat eerder door Rich Harris werd ontwikkeld.[3] De eerste versie van Svelte is geschreven in JavaScript en werd uitgebracht in 2016, gevolgd door een tweede versie in 2018. Versie 3, de huidige versie, is geschreven in TypeScript en kwam uit in 2019. Het SvelteKit-webframework werd aangekondigd in oktober 2020 en ging in maart 2021 de bètaversie in.[4]
Gebruik
[bewerken | brontekst bewerken]Svelte wordt veelal geprezen door ontwikkelaars. In de State of JS-enquête in 2020 en 2021 kwam het naar voren als het frontendframework met de meest tevreden ontwikkelaars, en in een Stack Overflow-enquête in 2021 als meest geliefde webframework.[5][6] Svelte is eerder al gebruikt door een aantal grote bedrijven, waaronder The New York Times, Apple, Spotify, Bloomberg, Reuters, Ikea, en Facebook.[7][8]
Voorbeeld
[bewerken | brontekst bewerken]Svelte-applicaties en componenten worden geschreven in .svelte-bestanden. Dit zijn HTML-bestanden die zijn uitgebreid met een sjabloonsyntaxis die vergelijkbaar is met JSX, wat door onder andere React gebruikt wordt. Svelte gebruikt de JavaScript-syntaxis voor gelabelde statements, $:, om reactieve variabelen te markeren. Geëxporteerde variabelen zijn de eigenschappen die een component ontvangt.
<script>
let aantal = 1;
$: dubbel = aantal * 2;
</script>
<p>{aantal} * 2 = {dubbel}</p>
<button on:click={() => aantal++}>Aantal</button>
Dit artikel of een eerdere versie ervan is een (gedeeltelijke) vertaling van het artikel Svelte op de Engelstalige Wikipedia, dat onder de licentie Creative Commons Naamsvermelding/Gelijk delen valt. Zie de bewerkingsgeschiedenis aldaar.
- ↑ https://github.com/sveltejs/svelte/releases/tag/svelte%405.38.3.
- ↑ Github: sveltejs/svelte (3 juni 2022). Geraadpleegd op 3 juni 2022.
- ↑ About the Svelte JavaScript framework. ValueLogic | Blog (19 november 2020). Gearchiveerd op 27 maart 2022. Geraadpleegd op 10 juni 2021. “By the way, Vue’s syntax has been influenced by Ractive.js, a direct predecessor of Svelte.”
- ↑ (en) Mar 23 2021, Rich Harris Tue, SvelteKit is in public beta. svelte.dev. Geraadpleegd op 3 augustus 2021.
- ↑ (en) State of JS 2020: Front-end Frameworks. 2020.stateofjs.com. Geraadpleegd op 26 oktober 2021.
- ↑ (en) Stack Overflow Developer Survey 2021. Stack Overflow. Gearchiveerd op 25 juni 2022. Geraadpleegd op 26 oktober 2021.
- ↑ Websites using Svelte - Wappalyzer. www.wappalyzer.com. Geraadpleegd op 3 augustus 2021.
- ↑ (en) Your Profile, Your Home Experience. yourhome.fb.com. Geraadpleegd op 1 december 2021.