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

OpenTelemetry als Fundament einer vertrauenswürdigen Observability-Infrastruktur
Observability wird zum Bindeglied zwischen Technologie und Sicherheit, zwischen Erkennen und Handeln, zwischen operativer Realität und strategischer Steuerung.
5 Minuten
17. Mär 2026
Mit Entitäten strukturierte Informationen extrahieren - Low Code/No Code und KI mit Copilot Studio, Teil 2
Entitäten in Copilot Studio strukturieren Benutzereingaben als typisierte, wiederverwendbare Informationen. Sie erkennen und extrahieren aus unstrukturierter Sprache klar definierte Daten für Dialoglogik und zur Übergabe an Aktionen (Power Automate, Konnektoren/Plug-ins).
7 Minuten
23. Mär 2026
00:00
DDD, Schulden und KI: Was Entwickler:innen heute wirklich wissen müssen - Interview
Domain-Driven Design klingt in der Theorie überzeugend – in der Praxis schleichen sich aber immer wieder die gleichen Fehler ein. Dr. Carola Lilienthal erklärt, wo DDD-Projekte stolpern, wie man technische Schulden unter Kontrolle hält und welche Fähigkeiten Tech Leads im KI-Zeitalter brauchen.
24. Mär 2026

Das könnte Dich auch interessieren

Feiertagsrechner - Feiertage berechnen mit Nager.Date
Das Handling von Datumsangaben ist mühsam und fehleranfällig. Hier hilft Nager.Date.
12 Minuten
Oberfläche automatisieren - UI-Automatisierung mit FlaUI
UI-Tests zu automatisieren ist eine heikle Sache. Die Bibliothek FlaUI nimmt den Schrecken.
17 Minuten
Komponentenbasiert mit Svelte entwickeln - Svelte – ein Ökosystem für Vanilla-JavaScript (Teil 3)
Im Umfeld von Svelte gibt es eine Vielzahl von Komponenten, Libraries und Werkzeuge für die komponentenbasierte Entwicklung.
33 Minuten
13. Nov 2022
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige