Server Actions di Next.js
Server Actions, useFormState, useFormStatus, mutazioni, miglioramento progressivo, rivalidazione
1Cos'è una Server Action in Next.js?
Cos'è una Server Action in Next.js?
Risposta
Una Server Action è una funzione asincrona che viene eseguita solo sul server e può essere chiamata direttamente da componenti Client o Server. Gestisce le mutazioni dei dati (POST, PUT, DELETE) senza creare un'API route esplicita. Le Server Actions semplificano il codice evitando la duplicazione di API route + chiamata fetch lato client.
2Come dichiarare una Server Action in un file separato?
Come dichiarare una Server Action in un file separato?
Risposta
Per creare una Server Action in un file separato, aggiungere la direttiva 'use server' in cima al file ed esportare funzioni async. Questo approccio è consigliato per la riutilizzabilità e la separazione delle responsabilità. Le funzioni possono poi essere importate in qualsiasi componente Client o Server.
3Qual è la differenza tra una Server Action e un'API route?
Qual è la differenza tra una Server Action e un'API route?
Risposta
Le Server Actions sono chiamabili direttamente dai componenti senza creare un endpoint REST esplicito, mentre le API route richiedono una chiamata HTTP (fetch). Le Server Actions semplificano il codice evitando la duplicazione di route + chiamata client. Sono ottimali per mutazioni semplici, ma le API route restano utili per endpoint pubblici o webhook.
Come usare una Server Action in un form HTML?
Che tipo di dati riceve una Server Action da un form?
+17 domande da colloquio
Altri argomenti di colloquio React / Next.js
Fondamenti di JavaScript
Fondamenti di React
React Hooks
Ciclo di vita dei componenti
React Router
Gestione dello state con Context
Form e Controlled Components
Recupero dati e API
React Query (TanStack Query)
Styling & CSS-in-JS
Fondamentali di Next.js
TypeScript con React
Data Fetching in Next.js
Routing e Navigazione in Next.js
API Routes di Next.js
Metadata & SEO in Next.js
Middleware e Auth in Next.js
Testing React
Zustand State Management
Ottimizzazione delle Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Funzionalità avanzate di Next.js
Deploy e Produzione con Next.js
Architecture & Design Patterns
React Server Components
Internazionalizzazione di Next.js
React Sicurezza & Best Practices
Padroneggia React / Next.js per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis