Meine Blog-Beiträge

Was ist Svelte?

Was ist Svelte?


Svelte ist ein Komponentenframework, das React und Vue ähnelt. Was ist anders an Svelte?

Anstatt Ihren Anwendungscode zur Laufzeit zu interpretieren, konvertiert Svelte Ihre Anwendung zur Kompilierungszeit in Vanille-JavaScript.

Sie können entscheiden, Ihre gesamte App mit Svelte zu erstellen oder langsam und schrittweise zu Ihrem Code hinzuzufügen. Mit Svelte können Sie die Komponente auch als Standalon-Paket versenden.

Hauptmerkmale

Hier sind einige der wichtigsten Funktionen von Svelte sowie wichtige Unterschiede zu anderen Frameworks.

Virtuelles DOM ist nicht vorhanden

Wir verwenden Virtual DOM in React und Vue. Svelte verwendet nicht das Virtual DOM-Konzept und verschiebt den Auftrag stattdessen auf einen Buildschritt, der beim Erstellen der Anwendung auftritt.

Mit Svelte wird Code als Vanille-JavaScript-Code ohne kleines Framework kompiliert. Es ist garantiert kleiner und schneller und erfordert nicht die Verwendung von Virtual DOM.

Weniger Codes

Werschreibt nichtgerne einen kleinen Code? Je weniger Code, desto weniger Fehler. Ich spreche nicht davon, Ihren gesamten Code in unlesbare Codeteile zu komprimieren. Ich spreche davon, weniger Code zu schreiben, ohne über Lesbarkeit zu besessen zu sein. Svelte wurde erstellt, um die Anzahl der Codeentwickler zu reduzieren. In anderen modernen Frontend-Frameworks gibt es eine ganze Menge Standardcode, der damit einhergeht.

Sehen wir uns ein Beispiel an, um zu sehen, wie Svelte mit React verglichen wird. Sehen wir uns ein Beispiel an, um den Status Ihrer lokalen Komponente mithilfe von React und Svelte zu aktualisieren.

Reagieren

// Update state in React
const [count, setCount] = useState(0);
function increment() {
setCount(count + 1);
}

Schlank

// Update state in Sveltelet count = 0;function increment() {
count += 1;
}

Sie können sehen, wie viel Code in Svelte geschnitten wurde.

Wir sollten Konzepte wie useState oder setState in React verwenden. In Svelte wurde dies jedoch erheblich vereinfacht. Sie können den Status direkt mit dem Zuweisungsoperator aktualisieren.

Keine komplexen State Management-Bibliotheken

Die Verwaltung Ihres Status in einer App ist eines der schwierigsten Probleme, die gelöst werden müssen. Svelte will sich von der Tendenz distanzieren, komplexe staatliche Verwaltungsbibliotheken wie Redux zu nutzen. Um dieses Konzept besser zu verstehen, können Sie sich dieses Youtube-Video von Svelte-Gründer Rich Harris ansehen. Hier spricht er über das Umdenken bei der Reaktivität in Frontend-Frameworks. Dieses Video gibt Ihnen einen guten Start in svelte zu verstehen.

   



Diesen Artikel teilen


Kommentare (0)

Kommentar