Server Actions

React 🟡 Mid

Definition

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.

#rendering#react19#nextjs