Alex Milde

Alex Milde

Software engineer, Architect – Fullstack developer. I do nerd things.

Hallo Svelt(e) – Warum ich Fan bin

In letzter Zeit habe ich viel mit Svelte, und SvelteKit gearbeitet. Dafür gab es ein paar gute Gründe.


Es fühlt sich elegant an

Tech zu wählen ist oft ein Gefühl. Bei Tailwindcss hatte ich das Gefühl: „Hey, dass ist irgendwie elegant und content agnostisch. Eigentlich wäre es cool, wenn der Browser das – Out of the Box – könnte.“
Ähnlich fühlt sich Svelte an. Warum kann Javascript nicht einfach reaktive Variablen haben. Anstelle von

let hsv = „Uff“
Etwas wie
letRx hsv = „Huii“
Und sobald die Variable neu zugewiesen wird wird die Stelle an der Sie verwendet wird neu gerendert / evaluiert.
Svelte kommt dieser Idee am nächsten.
Die Einfachheit kombiniert mit der „Magie“ dass Reaktivität einfach funktioniert macht es zu einem Idealen Kandidaten um ein neues Projekt aufzubauen. Vor allem wenn bestehende Html Komponenten integriert werden sollen, da man das Html einfach kopieren kann.

Der simple Aufbau bietet auch den Vorteil, dass man die Svelte Welt relativ leicht bei Bedarf verlassen kann.

DX (Developer Experience) > Everything

Svelte gehört zu den aktuell beliebtesten Frameworks. Bei Tailwindcss schrieb mal jemand: „Ich kenne niemanden der es benutzt hat und zurück wechseln wollte“ Wenn über längere Zeit viele Entwickler etwas mögen hat das meist einen Grund. Unbeliebte Meinung:

jQuery hat sich aus guten Gründen sehr lange gehalten.
Tech der gemocht wird bleibt meist sehr sehr lange. Gute Frameworks ermöglichen einem schnell Ergebnisse zu erzielen und dabei so wenig Code wie nötig zu schreiben.

Ok, zeig mal!

Diese Seite wurde mit Svelte und SvelteKit gebaut und zu Vercel deployed. https://github.com/alexmilde/website

Details

  • Vercel — Kostenlos eine Fullstack Website hosten. Deployed in ein paar Minuten. Funfact: Diese Seite liegt bei Vercel.
  • Svelte Kit — Das Next/Nuxt von Svelte. Von der Philosophie sehr ähnlich zu Remix. Es setzt auf Webstandards. Leicht zu lernen und zu verstehen.
  • Remix — Eine Alternative zu Next. Einfach gesprochen: Setzt auf serverseitiges Daten holen.

Links