proto.lib

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ề.

ApplicationTrung bình2026-08-24
Stale-While-Revalidate: cache client trả ngay, làm mới ở nền

Tags

#swr#client-cache#revalidation#deduplication#stale-data#data-fetching

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

ApplicationTrung bình

Server Actions — Mutation qua form không cần viết API endpoint

Form gọi thẳng một server function do framework tự động wire thành endpoint, hàm đó validate và ghi dữ liệu, trả về state mới hoặc lỗi validate, rồi framework revalidate các cache liên quan — trong khi form vẫn hoạt động được ngay cả khi JavaScript chưa tải xong nhờ progressive enhancement.

#server-actions#forms#mutation#progressive-enhancement
ApplicationTrung bình

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.

#optimistic-update#rollback#reconciliation#temp-id
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