proto.lib

Optimistic UI Rollback: hiện kết quả trước, xác nhận sau

Client áp dụng thay đổi ngay trên UI với một id tạm rồi mới gửi request lên server; khi server phản hồi, client reconcile — thay id tạm bằng entity thật, hoặc rollback và báo lỗi nếu thất bại.

ApplicationTrung bình2026-08-24
Optimistic UI Rollback: hiện kết quả trước, xác nhận sau

Tags

#optimistic-update#rollback#reconciliation#temp-id#client-cache#ui

Tài liệu tham khảo

Mở rộng

Animation gốc là một file HTML tự chứa, có thể nhúng lại ở bất kỳ trang nào khác. Mở file gốc

Liên quan

ApplicationNâng cao

Nhập giờ và timezone: hiển thị đúng múi giờ người xem

UI phải nói rõ một thời điểm thuộc múi giờ nào, lưu instant tuyệt đối (và với sự kiện lặp lại, lưu rule + timezone địa phương để DST tự dịch giờ đúng), rồi hiển thị lại theo múi giờ của người xem kèm nhãn múi giờ — vì '3 giờ chiều' không phải là một thời điểm xác định nếu thiếu ngữ cảnh.

#timezone#datetime#dst#recurring-event
ApplicationTrung bình

Stale-While-Revalidate: cache client trả ngay, làm mới ở nền

Thư viện data-fetching client key hoá mỗi request; giá trị cũ trong cache được trả về ngay lập tức trong khi một revalidation chạy nền, các component cùng key được gộp vào một request in-flight duy nhất, rồi dữ liệu mới được swap vào khi về.

#swr#client-cache#revalidation#deduplication
ApplicationTrung bình

Web Locks API: nhiều tab phối hợp không tranh việc

Web Locks API cho phép nhiều tab của cùng một app xin cùng một khoá tên; chỉ một tab giữ được lock chạy việc như sync dữ liệu hay refresh token, các tab khác chờ hoặc bỏ qua tuỳ chế độ, và lock tự động nhả khi tab đóng hay reload — khác cờ localStorage vốn không tự dọn khi tab crash.

#web-locks#navigator-locks#multi-tab#token-refresh