Reaktive Status-Komposition mit Custom Stores

Snippet

Reaktive Status-Komposition mit Custom Stores

Custom Stores kapseln die Statuslogik ein, indem sie nur spezifische Methoden offenlegen, während die 'set'- oder 'update'-Methoden privat bleiben. Dies folgt dem Prinzip der geringsten Rechte und fördert eine saubere Architektur.

snippet.js
javascript
import { writable } from 'svelte/store';
 
function createCounter() {
  const { subscribe, update } = writable(0);
  return {
    subscribe,
    increment: () => update(n => n + 1),
    reset: () => update(() => 0)
  };
}
 
export const count = createCounter();

svelte

Erklärung

const { subscribe, update } = writable(0);

Internalisiert die Kern-Store-Funktionen, um den privaten Status zu verwalten.

return { subscribe, ... }

Gibt nur das Abonnement und spezifische Domänenlogik-Methoden zurück.

export const count = createCounter();

Exportiert eine Singleton-Instanz des Stores für die anwendungsweite Nutzung.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Experten →

Verwandt

Aus deiner Bibliothek