Form Handling với useActionState & useFormStatus

Xử lý submit form async, pending state và server errors đơn giản không cần useState thủ công.

Core Mental Model

useActionState tự động nhận kết quả từ async Action và cập nhật state + pending flag cho form.

Key Takeaways & Principles

useActionState nhận vào (actionFn, initialState) và trả về [state, formAction, isPending].

useFormStatus đọc trạng thái pending của form cha gần nhất từ component con.

Hỗ trợ Progressive Enhancement khi kết hợp với HTML form action.