Store-Verträge und Interoperabilität
Verstehen Sie, wann ein beliebiges Objekt ein gültiger Svelte-Store ist, und verwenden Sie Stores von Drittanbietern.
Store-Verträge und Interoperabilität ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 4 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.
Der Vertrag
Jedes Objekt, das subscribe(fn) implementiert und eine Abmeldefunktion zurückgibt, ist ein Svelte-Store.
Warum das wichtig ist
Der einfache Vertrag bedeutet, dass viele Bibliotheken von Drittanbietern sofort als Svelte-Stores verwendet werden können.
RxJS Observables
Die subscribe-Methode eines RxJS Observables ist kompatibel, wenn Sie sie geringfügig verpacken.
Atomare Bibliotheken
Bibliotheken wie nanostores und zustand funktionieren mit Adaptern oder direkt.
Kompatible Stores erstellen
Für eigene benutzerdefinierte Stores müssen Sie lediglich subscribe korrekt implementieren.
function myStore() {
let val = 0;
const subs = new Set();
return {
subscribe(fn) { fn(val); subs.add(fn); return () => subs.delete(fn); }
};
}Verwendung mit $
Wenn subscribe kompatibel ist, funktioniert die Kurzschreibweise $ automatisch.
Asynchrone Quellen
Der subscribe-Callback kann jederzeit, auch asynchron, mit neuen Werten aufgerufen werden.
Gleichheitsprüfungen
Der Vertrag erfordert keine Gleichheitsprüfungen; Svelte ruft die Subscriber jedes Mal auf.
Mehrere Subscriber
Ihr Store muss alle aktuellen Subscriber benachrichtigen. Verwenden Sie ein Set oder Array.
Bereinigung
Geben Sie eine echte Bereinigungsfunktion zurück, die den Subscriber entfernt. Andernfalls entsteht ein Leak.
Interoperabilitätsbibliotheken
Verwenden Sie Bibliotheken wie svelte-rxjs oder @nanostores/svelte für umfangreichere Ökosysteme.
Kurze Prüfung
Was gibt subscribe() zurück?
Zusammenfassung
Stores sind einfach Objekte mit einer subscribe-Methode. Der Vertrag erleichtert die Interoperabilität mit anderen Bibliotheken.
Häufig gestellte Fragen
Ist die Lektion „Store-Verträge und Interoperabilität“ kostenlos?
Ja — der vollständige Text von „Store-Verträge und Interoperabilität“ 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 „Store-Verträge und Interoperabilität“?
Verstehen Sie, wann ein beliebiges Objekt ein gültiger Svelte-Store ist, und verwenden Sie Stores von Drittanbietern. 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 4 von 4.
Wie lange dauert die Lektion „Store-Verträge und Interoperabilität“?
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
- derived() für berechnete Stores
- Muster für benutzerdefinierte Stores mit subscribe/set/update
- Readable aus Writable
- Store-Verträge und Interoperabilität