Einführung in Svelte und Vergleich von Svelte mit React und Vue

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Josh Collingsworth ist eindeutig ein großer Fan von Svelte. Obwohl dies ein unterhaltsamer und nützlicher Vergleichsartikel ist, krönt er Svelte durchweg zum Sieger.

Ein paar Dinge, die ich überzeugend finde

Eines der Dinge, die mir an Svelte am besten gefallen, ist seine HTML-first-Philosophie. Mit wenigen Ausnahmen ist Svelte-Code vollständig browserlesbares HTML und JavaScript. Tatsächlich könnte man Svelte-Code technisch als kleine Obermenge von HTML bezeichnen.

Und

Svelte ist standardmäßig reaktiv. Das bedeutet, dass bei einer Neuzuweisung einer Variable jeder Ort, an dem sie verwendet oder referenziert wird, automatisch aktualisiert wird. (React und Vue erfordern beide, dass Sie reaktive Variablen explizit initialisieren.)

Ich finde das Komponentenformat ansprechend, wie man einfach HTML schreibt. Man braucht nicht einmal ein <template> drumherum oder etwas zurückzugeben. Ich stelle mir vor, dass Astro sich davon inspirieren ließ, wie man auch einfach ein <style>-Tag hineinwirft und Stile bei Bedarf skopiert. Aber ich glaube, ich bevorzuge, wie der „eingezäunte“ JavaScript-Teil oben standardmäßig nur während des Builds ausgeführt wird.


P.S. Ich mag Joshs zufälliges Quadrat-Motiv für Kopf- und Fußzeile wirklich, also habe ich versucht, es zu dekonstruieren

Direkter Link →