Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Lesedauer 3 Min.

Svelte – Frontend Framework für Vanilla-JavaScript

Svelte ist ein Framework für die Webentwicklung, der Dank Compiler extrem kleine Anwendungen für den Browser erzeugt.
© dotnetpro
Einen Mangel an Frontend-Frameworks, um Single-Page-Anwendungen zu bauen, können Webentwickler nicht gerade beklagen. Es herrscht eher ein Überangebot. Ob Angular, React oder Vue.js: für jeden ist etwas dabei. Und jetzt gibt es noch einen, der gar nicht mehr so neu ist. Ja, und das hat einen gewichtigen Grund.

Svelte ist anders als die genannten. Dieses Framework erzeugt zur Entwicklungszeit per Compiler reinen JavaScript-Code. Der Vorteil: Zur Laufzeit ist die fertige Anwendung nicht mehr abhängig von Svelte. Das heißt auch, dass Anwendungen wesentlich kleiner ausfallen können und auch schneller sind.

Obwohl die erste Version von Svelte schon 2016 herauskam, scheint das Framework erst jetzt richtig bekannt zu werden – allerdings mit mächtigem Zug.

In diesem Dossier finden Sie grundlegende Informationen, erste Schritte mit dem Framework aber auch Praxisbeispiele für den Einsatz in vielfältigen Gebieten.

Für Abonnenten der dotnetpro stehen alle Artikel kostenlos zur Verfügung - Grund genug, schnell ein Probeabo abzuschließen.


Nur das Nötigste

Mit Svelte hält ein komplett neues Konzept Einzug in die Frontend-Entwicklung: Compiler Driven Development.
Interview: "Svelte ist derzeit die produktivste Plattform für Webanwendungen."
Mister C# und Developer-Week-Sprecher Oliver Sturm hat die Webentwicklung mit Svelte entdeckt. C# liebt er zwar immer noch, aber auch JavaScript kann er inzwischen einiges abgewinnen. dotnetpro sprach mit ihm, warum seine Wahl ausgerechnet auf Svelte fiel.
Pragmatisch und ­performant
Mit eingebauten Mechanismen lassen sich Komponenten in Svelte erzeugen und vorhandene Komponenten an Svelte anbinden. (Plus-Artikel)

Serie: Svelte – ein Ökosystem für Vanilla-JavaScript

Wie funktioniert es, welche Tools gibt es, wie entwickelt man für den Desktop: Lernen Sie alles über Svelte in dieser umfassenden Serie.
Framework und Compiler für hocheffizienten Code, Teil 1
Im Zentrum des Svelte-Frameworks steht ein Compiler, der Framework-unabhängigen JavaScript-Code produziert.

Entwicklungstools - perfektioniert für Svelte, Teil 2
Eine Reihe von Open-Source-Tools bieten dem Programmierer für die Entwicklung mit Svelte eine Unterstützung in verschiedenen Einsatzbereichen an. (Plus-Artikel)

Komponentenbasiert mit Svelte entwickeln, Teil 3
Im Umfeld von Svelte gibt es eine Vielzahl von Komponenten, Libraries und Werkzeuge für die komponentenbasierte Entwicklung. (Plus-Artikel)

SvelteKit – Framework und Tools, Teil 4
SvelteKit erweitert Svelte um zusätzliche Features und Tools zu einem effizienten und produktiven Werkzeugkasten von der Entwicklung bis zum Betrieb. (Plus-Artikel)

Programmierung für Desktop und Mobile, Teil 5
Mit Svelte erstellte Entwicklungsergebnisse beschleunigen auch die Bereitstellung von Apps für Desktop und mobile Endgeräte. (Plus-Artikel)

Blogging und Content-Management, Teil 6
Svelte erschließt für Websites traditionelle Methoden des Web-Publishings wie Blogging und Content-Management. (Plus-Artikel)

Auf dem Weg ins Metaverse, Teil 7
Svelte unterstützt von Haus aus grundlegende Techniken für Animationen. Zusätzlich bieten verschiedene Svelte-Komponenten den Einstieg in virtuelle Welten. (Plus-Artikel)
Programming Languages

Neueste Beiträge

PandaOS: Die Workstation, die ich mir immer gewünscht habe
Monatelang bin ich zwischen KI-Werkzeugen hin- und hergesprungen. Cursor, Claude Code, OpenCode, Aider. Jedes hatte etwas Geniales, doch keines fühlte sich vollständig an. Also habe ich ein eigenes Tool gebaut? PandaOS ist das Ergebnis.
6 Minuten
Building Features is easy – echten Wert liefern nicht - Interview
Eva Feigl erklärt im DWX-Interview, warum Teams oft am falschen Problem arbeiten – und wie Annahmen, Vanity Metriken und fehlendes Nutzer-Feedback echten Produkterfolg verhindern.
5. Aug 2026
AI Slop vermeiden: Harness-First Engineering für Teams, die mit Coding Agenten arbeiten - Der neue Engpass heißt Vertrauen
Coding Agents wie GitHub Copilot, Cursor oder Claude Code haben die Produktivität von Entwicklungsteams dramatisch erhöht. Was früher Tage dauerte, entsteht heute in Stunden. Doch mit der Geschwindigkeit wächst ein neues Problem: Der Engpass liegt inzwischen im Vertrauen in das, was geschrieben wurde.
4 Minuten
4. Aug 2026

Das könnte Dich auch interessieren

Dokumentation und Test in einem - Automatisiertes Testen mit SpecFlow
Mit SpecFlow kommt das Behavior-Driven-Development-Prinzip ins eigene Projekt.
16 Minuten
C#-.NET-Apps mit WinUI 3 - Komponentenbasierte Apps mit Fluent/FAST, Teil 3
Microsoft macht mit WinUI 3 ein natives User-Experience-Framework für Windows verfügbar, dessen Komponenten auf dem Microsoft-eigenen Design-System Fluent 2 basieren.
23 Minuten
13. Mai 2024
Elektronische Schaltkreise im Browser simulieren - Simulation
Statt mit Steckfeld oder Lötkolben kann man auf dieser Website Schaltungen per Drag and Drop zusammenstellen und deren Verhalten testen.
2 Minuten
26. Jul 2018
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige