javascript / expert
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
1
2
3
4
5
6
7
8
9
10
11
12
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
1
const { subscribe, update } = writable(0);
Internalisiert die Kern-Store-Funktionen, um den privaten Status zu verwalten.
2
return { subscribe, ... }
Gibt nur das Abonnement und spezifische Domänenlogik-Methoden zurück.
3
export const count = createCounter();
Exportiert eine Singleton-Instanz des Stores für die anwendungsweite Nutzung.