Server Actions
React 🟡 MidDefinition
Fonctions asynchrones cote serveur invoquees directement depuis des composants client, typiquement via l'attribut action d'un formulaire. Remplacent les routes API manuelles.
Analogie
Comme commander par telephone : tu passes l'ordre (client) et la cuisine (serveur) execute, sans aller au comptoir (API route).
Exemple de code
// action.ts
'use server';
export async function addTodo(formData: FormData) {
await db.todos.create({ text: formData.get('text') });
revalidatePath('/todos');
}
// component.tsx
<form action={addTodo}><input name="text" /><button>Add</button></form>
Cas d'usage
Soumission de formulaires, CRUD, toute mutation serveur avec revalidation automatique.