Svelte.js, oder einfach Svelte, ist ein modernes JavaScript-Framework zur Erstellung von benutzerfreundlichen Webanwendungen. Anders als andere Frameworks wie React.js oder Angular.js, arbeitet Svelte während der Build-Phase des Projekts und nicht zur Laufzeit. Das heißt, es wird kein virtueller DOM benötigt und es werden keine unnötigen Berechnungen beim Laden einer Webseite durchgeführt. Das Ergebnis sind schnellere und effizientere Webanwendungen.
Svelte ermöglicht dem Entwickler, raffinierte Single-Page-Anwendungen zu erstellen, da es die gesamte Anwendung in effizientem, imperativem Code bereitstellt, der direkt die Zustandsänderungen der App aktualisiert. Dies ermöglicht eine schnellere Interaktion und eine bessere Benutzererfahrung.
Hier ist ein einfaches Beispiel, wie es verwendet wird:
1. Installiere Svelte. Das geschieht in der Regel über npm (node package manager), der in der Node.js-Umgebung läuft. Der Befehl dazu ist: `npm install -g create-svelte`
2. Erstelle ein neues Svelte-Projekt. Das erfolgt durch den Befehl: `npx degit sveltejs/template svelte-app`
3. Gehe in das Verzeichnis des neu erstellten Projektes: `cd svelte-app`
4. Installiere die Abhängigkeiten: `npm install`
5. Starte den lokalen Entwicklungsserver mit dem Befehl: `npm run dev`
Jetzt können Sie Ihre erste Svelte-Komponente erstellen und in Ihrem Svelte-Projekt verwenden. Komponenten in Svelte sind in .svelte-Dateien definiert. Eine einfache Svelte-Komponente könnte so aussehen:
```svelte
In dieser Komponente definieren wir eine Variable namens ‘name’ und zeigen sie im HTML an. Svelte aktualisiert dann das DOM direkt, wenn sich der Wert der Variable ändert.
