Machen Sie sich mit dem Svelte-Framework vertraut und erfahren Sie mit diesem Leitfaden, wie Sie intelligente Web-Apps entwickeln.

Svelte ist eines der angesagtesten JavaScript-Frameworks überhaupt. In der StackOverflow-Entwicklerumfrage 2022 ging es als zweitbeliebtestes JavaScript-Framework unter Webentwicklern hervor. In diesem Leitfaden lernen Sie die Grundlagen und erfahren, wie Sie mit Svelte eine einfache To-Do-Anwendung erstellen.

Erste Schritte mit Svelte

Sie werden die Dinge mit dem einrichten Vite-Build-Tool. Öffnen Sie das Terminal und führen Sie die folgenden Befehle nacheinander aus. Benennen Sie das Projekt „svelte-app“ (oder Ihren Wunsch), wählen Sie Svelte als Framework aus und legen Sie JavaScript als Variante fest.

Garn erstellen vite
CD schlanke-App
Garn
Garnentw

Öffnen Sie das Projekt in einem Code-Editor und löschen Sie es lib Ordner und löschen Sie den Inhalt des Ordners app.css Datei und die App.svelte Datei.

Wie Svelte im Vergleich zu React abschneidet

Der DOM ist eine baumartige Struktur

instagram viewer
Wird aus dem HTML einer Website generiert und zeigt die Beziehungen zwischen den verschiedenen Elementen, aus denen die Seite besteht.

Im Gegensatz zu React, das ein virtuelles DOM verwendet, ist Svelte ein Compiler, der zum Zeitpunkt der Erstellung versteht, wie sich Dinge in Ihrer Anwendung ändern könnten. Da Svelte zur Build-Zeit arbeitet, entsteht hochleistungsfähiges und optimiertes Vanilla-JavaScript.

Reaktivität und Animation in Svelte

Die Struktur der meisten Svelte-Anwendungen ist unten dargestellt. Sie können sich dafür entscheiden, das nicht einzubeziehen Stil Tags hinterlassen nur die Skript und Markup: