javascript / intermediate
Snippet
Optimistische UI-Updates mit useOptimistic
Der useOptimistic-Hook bietet eine Möglichkeit, die Benutzeroberfläche sofort zu aktualisieren, bevor eine Server-Operation abgeschlossen ist, was die wahrgenommene Leistung verbessert.
snippet.js
1
2
3
4
const [optimisticMessages, addOptimisticMessage] = useOptimistic(messages,(state, newMessage) => [...state, { text: newMessage, sending: true }]);
nextjs
Erklärung
1
useOptimistic(messages, ...)
Initialisiert den optimistischen Status mit den aktuell vom Server bereitgestellten Nachrichten.
2
(state, newMessage) => [...state, ...]
Die Reducer-Funktion, die definiert, wie der optimistische Status während einer ausstehenden Aktion aktualisiert wird.