Optimistic updates với Server Actions và useOptimistic?

useOptimistic (React 19) kết hợp với Server Actions: cập nhật UI ngay trước khi action hoàn thành, rollback nếu fail. const [optimistic, addOptimistic] = useOptimistic(data, updateFn).

• Trong action handler: addOptimistic(newItem) trước await serverAction().
• Tạo snappy UX dù có network latency.

useOptimistic (React 19) pairs naturally with Server Actions: update the UI immediately before the action completes and roll back automatically if it fails. const [optimistic, addOptimistic] = useOptimistic(data, updateFn).

• In the action handler: call addOptimistic(newItem) before await serverAction().
• This creates a snappy UX even with network latency.