Form Handling
useFormStatus() (react-dom se), EK, form, ke, SUBMISSION, STATE, (pending) ko, TRACK, karta hai — LOADING, SPINNERS, aur, DISABLED, buttons, banaने, ke, liye, USE, hota hai, SUBMISSION, ke, DAURAN.
useActionState() (React 19+, PEHLE, useFormState) EK, Server, Action, ke, RESULT, (jaise, VALIDATION, ERRORS) ko, TRACK, karta hai — form, ke, PREVIOUS, STATE, ko, MAINTAIN, karte, hue.
"use client";
import { useFormStatus } from "react-dom";
function SubmitButton() {
const { pending } = useFormStatus();
return <button disabled={pending}>{pending ? "Saving..." : "Save"}</button>;
}- useFormStatus() = form, submission, ka, pending, state, track, karta, hai
- useActionState() = server, action, ke, result, (errors), track, karta, hai
- Loading, states, aur, validation, errors, ko, UI, mein, dikhaне, ke, liye, useful
HTML5, VALIDATION, attributes, (required, pattern) ya, LIBRARIES, (jaise, Zod) ko, CLIENT, PAR, USE, karके, POORI, FORM, submission, se, PEHLE, hi, BASIC, VALIDATION, ki, ja, sakti, hai — LEKIN, SERVER-SIDE, VALIDATION, HAMESHA, ZAROORI, hai (security).
<input name="email" type="email" required />useOptimistic() hook, se, EK, UI, ko, IMMEDIATELY, UPDATE, kiya, ja, sakta hai (jaise, EK, "like" button) SERVER, RESPONSE, ka, WAIT, kiye, BINA — AGAR, server, action, FAIL, hoti, hai, UI, AUTOMATICALLY, REVERT, ho, jaata hai.