proto.lib

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.

ApplicationTrung bình2026-08-26
Server Actions — Mutation qua form không cần viết API endpoint

Tags

#server-actions#forms#mutation#progressive-enhancement#revalidation#nextjs

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

ApplicationCơ bản

Feature detection và fallback cho API trình duyệt mới

Khi dùng một API trình duyệt mới, code phải TEST sự tồn tại của API đó (không đoán qua user agent), dùng ngay nếu có, và chạy đường fallback chậm hơn nếu không — lý tưởng là tách fallback ra khỏi bundle hiện đại để trình duyệt mới không phải tải phần code không dùng tới.

#feature-detection#progressive-enhancement#browser-compat#fallback
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