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 ihre gesamte App mit Svelte erstellen oder langsam und schrittweise zu Ihrem Code hinzufügen. Mit Svelte können Sie die Komponente auch als eigenständiges Paket senden.

Hauptmerkmale

Hier sind einige der wichtigsten Merkmale von Svelte, sowie ihre wichtigsten 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 Code

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 die Lesbarkeit zu behindern. Svelte wurde erstellt, um die Menge an Code zu reduzieren, die Entwickler schreiben. 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 Zustand der lokalen Komponenten 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 viele Codes in Svelte geschnitten wurden.

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

Komplexe Zustandsverwaltungsbibliotheken existieren nicht

Die Verwaltung Ihres Status in einer Anwendung ist eines der schwierigsten Probleme, die gelöst werden müssen. Svelte will weg vom Trend, komplexe staatliche Bibliotheken 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, um Svelte zu verstehen.

   

  Zitat

KARABAY A, 2020 . Was ist Svelte ?,

https://www.karabayyazilim.com/blog/javascript/svelte-nedir-2020-11-03-135534

(Abgerufen am 03. November 2020).


  Diesen Beitrag teilen

Kommentare (0)

Kommentar

Abonnieren
Melden Sie sich für den E-Mail-Newsletter an, um als Erster über meine Blogbeiträge Bescheid zu wissen