Artikel für Leute, die
den Stack ausliefern
Beiträge zu React, Node.js, TypeScript und AI. Ein übersetzter Text wird gezeigt, wenn er existiert. Sonst sehen Sie den englischen Text und einen Hinweis.
Tag: UX
Flüssige, appähnliche Navigation mit der View Transitions API in Next.js
App-ähnliche Seitenübergänge in Next.js mit der View Transitions API: Bewegung gemeinsamer Elemente zwischen Routen ohne eine aufwändige Animationsbibliothek, zusammen mit Hinweisen zur Nutzung.
4 Min. LesezeitEin animierter Daumen-hoch-Feedback-Button ohne jegliche Animationsbibliothek
Erstellen Sie ein Feedback-Widget mit Daumen nach oben und Daumen nach unten samt Pop-Animation durch Keyframes, aktiven Zuständen sowie einer Abfrageruf, unter Verwendung ausschließlich von HTML, CSS und einigen Zeilen JavaScript.
7 Min. LesezeitEntwurf von React-Bildschirmen für Lade-, leere-, Fehler- und Wiederholungszeiten
Lernen Sie, alle möglichen Zustände einer React-Oberfläche und eines Formulars abzubilden – von Skeletten und Neuladungen über leere Ergebnisse, nützliche Fehlermeldungen bis hin zu Schutz vor doppeltem Absenden.
6 Min. LesezeitOptimistische Benutzeroberfläche ohne Asynchrone Probleme: Schnappschüsse, Rollbacks und abgebrochene Anfragen
Lernen Sie, optimistische Updates zu erstellen, die korrekt bleiben: Zustandsaufnahme, sofortige Aktualisierung, Rücksetzen bei Fehlern, Stornieren veralteter Anfragen sowie Erkennen von Situationen, in denen dieses Muster nicht angewendet werden sollte.
10 Min. LesezeitDas Beheben von Rennbedingungen – Debouncing löst das in Such-UIs nicht.
Erfahren Sie, warum allein das Debouncing nicht verhindern kann, dass veraltete API-Antworten den aktuellen UI-Zustand überschreiben, und entdecken Sie vier praktische Lösungen zur Sicherstellung der Anfragereihenfolge.
10 Min. Lesezeit
Über diese Artikel
Angebot in 24 Stunden
Denselben Stack in einer Operator-Schicht? Brief schicken — Angebot in 24 Stunden.