Server Actions
"use server", DIRECTIVE, EK, FUNCTION, ko, EK, Server, Action, ki, tarah, MARK, karta hai — ISE, CLIENT, COMPONENTS, se, DIRECTLY, CALL, kiya, ja, sakta hai, LEKIN, ACTUAL, EXECUTION, SERVER, PAR, hoti hai.
Server, Actions, aksar, FORMS, ke, action, PROP, mein, USE, hote, HAIN — JavaScript, DISABLED, hone, PAR, bhi, KAAM, karte, HAIN (PROGRESSIVE, ENHANCEMENT), kyunki, WOH, EK, REGULAR, FORM, SUBMISSION, ki, tarah, KAAM, karte, HAIN.
// actions.js:
"use server";
export async function createTodo(formData) {
const title = formData.get("title");
await db.todos.create({ title });
revalidatePath("/todos");
}
// page.js:
import { createTodo } from "./actions";
export default function TodoForm() {
return (
<form action={createTodo}>
<input name="title" />
<button type="submit">Add</button>
</form>
);
}- "use server" = function, ko, server, action, ki, tarah, mark, karta, hai
- Client se, directly, call, ho, sakta, hai — execution, server, PAR, hoti, hai
- Forms, ke, saath, PROGRESSIVE, ENHANCEMENT, ke, saath, kaam, karte, hain
Server, Actions, forms, ke, ALAWA, DIRECTLY, EVENT, HANDLERS, (jaise, onClick) se, bhi, CALL, kiye, ja, sakte, HAIN — Client, Component, se, import, karके, DIRECTLY, INVOKE, kiye, ja, sakte, hain.
"use client";
import { deleteItem } from "./actions";
export default function DeleteButton({ id }) {
return <button onClick={() => deleteItem(id)}>Delete</button>;
}useActionState() hook, ke, saath, USE, hone, PAR, Server, Actions, EK, "PREVIOUS, STATE" argument, LETE, hain, aur, EK, NAYA, STATE, RETURN, karte, HAIN — jaise, VALIDATION, ERRORS, ko, UI, mein, DISPLAY, karne, ke, liye.