proto.lib

Error boundary và retry theo từng vùng UI

Error boundary bắt lỗi render của một nhánh component và hiển thị fallback khu trú kèm nút retry, trong khi tầng dữ liệu phân biệt rõ loading, empty, error và stale-with-error để UI không bao giờ đứng ở trạng thái loading vô hạn.

ApplicationTrung bình2026-08-25
Error boundary và retry theo từng vùng UI

Tags

#error-boundary#retry#loading-state#fallback-ui#resilience

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

Timeout và retry với exponential backoff

Khi request không nhận được phản hồi trong thời gian cho phép, client hủy request và thử lại với thời gian chờ tăng dần để tránh làm quá tải server đang gặp sự cố.

#timeout#retry#exponential-backoff#resilience
ApplicationTrung bình

Batch Endpoint: một request, nhiều kết quả, không có mã trạng thái chung

Một endpoint batch nhận N sub-operation trong một request và trả về mảng kết quả theo từng item — có item thành công, có item thất bại — nên HTTP status tổng không thể là một con số 200/400 đơn giản; client phải đọc status của từng phần tử, và mỗi item cần khoá idempotency riêng để retry không lặp lại các item đã thành công.

#batch-api#partial-failure#idempotency#bulk-operations
ApplicationTrung bình

Background Sync: hàng đợi offline và đồng bộ khi có mạng trở lại

Khi trang mất mạng, service worker nhận request ghi, lưu vào một hàng đợi bền (IndexedDB) rồi đăng ký một sync tag; trình duyệt tự quyết định thời điểm bắn sự kiện sync khi có kết nối trở lại (kể cả sau khi đã đóng tab) và worker phát lại các request đã xếp hàng kèm idempotency key trước khi báo cho người dùng.

#background-sync#service-worker#offline-first#indexeddb