Svelte VS Sveltekit

SVELTE

Svelte (versie 3) is een component framework dat vergelijkbaar is met Vue.js of React.

Wat Svelte onderscheidt van veel andere frameworks[1], is dat de verwerking al tijdens de buildfase gebeurt in plaats van tijdens runtime. Daardoor werkt Svelte eigenlijk meer als een compiler dan als een klassiek framework.

Tijdens het buildproces wordt Svelte-code omgezet naar sterk geoptimaliseerde vanilla JavaScript, zonder dat een grote runtime library meegeleverd moet worden.
Svelte is ontworpen om componenten te bouwen, maar kan evengoed gebruikt worden om volledige applicaties op te zetten.

De belangrijkste troeven van Svelte zijn:

• reactiviteit,
• componenten zonder overbodige boilerplate,
• kleine bundle sizes,
• en eenvoudige state management.

SVELTEKIT

SvelteKit (op het moment van schrijven nog in public beta) is een application framework dat eerder te vergelijken valt met Angular.

Het maakt het bouwen van applicaties met Svelte een stuk eenvoudiger, omdat veel functionaliteiten standaard voorzien zijn. Je kan SvelteKit eigenlijk zien als:

Svelte + handige ingebouwde features en dependencies

The provided file-based router is probably one of its biggest assets because that is a feature that most applications need in order to provide navigation. In “plain” Svelte you would need to include an external router[2].

Adapters are also a big feature in SvelteKit. They allow you to “transform” the compiled Svelte code into something platform specific. You could add a ‘node adapter’ to run your code on a NodeJS server or just run it completely on the client side by using the ‘static adapter’ which allows you to deploy the “adapted code” on a Nginx, Apache (HTTP server) ….

It offers more features like Layouts and Endpoints, which you can checkout in the documentation.

SAPPER

Hoe past Sapper in dit verhaal?

Kort samengevat: Sapper is de voorganger van SvelteKit en heeft nooit een officiële versie 1-release gekregen.

Dit staat momenteel op de officiële documentatiepagina van Sapper:

• “Sapper’s successor, SvelteKit, is currently available for use. All development efforts moving forward will be focused on SvelteKit.”
• Loop je ergens vast? Vraag gerust hulp in de Discord-chat. Raadpleeg ook de migratiehandleidingen voor ondersteuning bij het upgraden van oudere versies.

Wie vandaag met Svelte start, investeert dus best meteen in SvelteKit in plaats van tijd te steken in Sapper, aangezien dat framework waarschijnlijk geleidelijk zal verdwijnen.

[1]: Andere frameworks en toolkits gebruiken een gelijkaardige aanpak.
[2]: Er bestaan uitstekende open-source routers voor Svelte.