0Pricing
Sveltejs Academy · Lektion

Einen schreibbaren Store erstellen

Erstellen Sie einen schreibbaren Store und initialisieren Sie ihn mit einem Startwert.

Einen schreibbaren Store erstellen ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.

Warum Stores

Stores enthalten reaktiven Zustand, der über mehrere Komponenten hinweg gemeinsam genutzt werden kann. Sie eignen sich für globalen Zustand wie den aktuellen Benutzer.

writable importieren

Die Factory writable stammt aus svelte/store.

import { writable } from "svelte/store";

Grundlegender Store

Übergeben Sie einen Anfangswert, um einen Store zu erstellen.

export const count = writable(0);

Objekt als Anfangswert

Stores können beliebige Werte enthalten: Zahlen, Zeichenketten, Arrays und Objekte.

export const user = writable({ name: "", email: "" });

Store-API

Jeder Store verfügt über drei Methoden: subscribe, set und update.

set-Methode

Ersetzen Sie den Wert vollständig.

count.set(10);

update-Methode

Transformieren Sie den aktuellen Wert mit einem Callback.

count.update(n => n + 1);

Moduldatei

Stores werden üblicherweise in einer gemeinsam genutzten Moduldatei wie src/lib/stores.js deklariert und an anderer Stelle importiert.

Statischer Anfangswert

Der Anfangswert kann auch aus localStorage oder einem Standardwert geladen werden.

const init = JSON.parse(localStorage.getItem("count") ?? "0");
export const count = writable(init);

Keine Neuerstellung

Jeder Aufruf von writable() erstellt einen neuen Store. Teilen Sie dieselbe Instanz über die Imports hinweg.

Namenskonventionen

Wählen Sie klare Namen wie currentUser. Stores enden häufig mit dem Substantiv ihrer Domäne.

Kurzer Test

Welche Methode ersetzt den Wert?

Zusammenfassung

Erstellen Sie writable Stores mit writable(initial). Sie stellen subscribe, set und update bereit.

Häufig gestellte Fragen

Ist die Lektion „Einen schreibbaren Store erstellen“ kostenlos?

Ja — der vollständige Text von „Einen schreibbaren Store erstellen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Einen schreibbaren Store erstellen“?

Erstellen Sie einen schreibbaren Store und initialisieren Sie ihn mit einem Startwert. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um Sveltejs Academy zu starten?

Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 4.

Wie lange dauert die Lektion „Einen schreibbaren Store erstellen“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?

Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Einen schreibbaren Store erstellen
  2. Mit $ abonnieren: Automatisches Abonnement
  3. Stores aktualisieren: set() und update()
  4. readable Stores und benutzerdefinierte Startfunktionen
← Zurück zu Sveltejs Academy