javascript / expert
Snippet
Generator-basierte Workflow-Orchestrierung
Generatoren ermöglichen es Ihnen, komplexe, mehrstufige UI-Logik als lineare Sequenz zu definieren. Durch das Yielden von UI-Statusobjekten können Sie die Ausführung anhalten, bis eine Benutzerinteraktion erfolgt, was Zustandsautomaten erheblich vereinfacht und 'Boolean-Flag-Suppe' vermeidet.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
function* createOnboarding() {yield { step: 1, label: 'Profile' };const bio = yield { step: 2, label: 'Bio' };if (bio.length < 10) yield { step: 2, label: 'Bio too short!' };yield { step: 3, label: 'Finished' };}let flow = createOnboarding();let current = $state(flow.next().value);
svelte
Erklärung
1
function* createOnboarding() {
Definiert eine Generator-Funktion, die ihre Ausführung mit dem yield-Schlüsselwort anhalten kann.
2
let current = $state(flow.next().value);
Initialisiert den reaktiven Status mit dem ersten vom Generator gelieferten Schritt.