Server Actions w Next.js
Server Actions, useFormState, useFormStatus, mutacje, progresywne ulepszanie, rewalidacja
1Czym jest Server Action w Next.js?
Czym jest Server Action w Next.js?
Odpowiedź
Server Action to asynchroniczna funkcja wykonywana wyłącznie po stronie serwera, którą można wywołać bezpośrednio z komponentów Client lub Server. Obsługuje mutacje danych (POST, PUT, DELETE) bez tworzenia jawnej trasy API. Server Actions upraszczają kod, eliminując duplikację trasy API + wywołania fetch po stronie klienta.
2Jak zadeklarować Server Action w osobnym pliku?
Jak zadeklarować Server Action w osobnym pliku?
Odpowiedź
Aby utworzyć Server Action w osobnym pliku, dodaj dyrektywę 'use server' na górze pliku i wyeksportuj funkcje async. To podejście jest zalecane dla ponownego wykorzystania i separacji odpowiedzialności. Funkcje można następnie importować do dowolnego komponentu Client lub Server.
3Jaka jest różnica między Server Action a API route?
Jaka jest różnica między Server Action a API route?
Odpowiedź
Server Actions można wywoływać bezpośrednio z komponentów bez tworzenia jawnego endpointu REST, podczas gdy trasy API wymagają wywołania HTTP (fetch). Server Actions upraszczają kod, eliminując duplikację trasy + wywołania klienta. Są optymalne dla prostych mutacji, ale trasy API pozostają przydatne dla publicznych endpointów lub webhooków.
Jak używać Server Action w formularzu HTML?
Jakiego typu dane odbiera Server Action z formularza?
+17 pytań z rozmów
Inne tematy rekrutacyjne React / Next.js
Podstawy JavaScript
Podstawy React
React Hooks
Cykl życia komponentu
React Router
Zarządzanie stanem z Context
Formularze i Controlled Components
Pobieranie danych i API
React Query (TanStack Query)
Styling & CSS-in-JS
Podstawy Next.js
TypeScript z React
Pobieranie danych w Next.js
Routing i Nawigacja w Next.js
API Routes w Next.js
Metadata & SEO w Next.js
Middleware i Auth w Next.js
Testowanie React
Zustand State Management
Optymalizacja wydajności React
Error Boundaries & Error Handling
Advanced React Patterns
Zaawansowane funkcje Next.js
Wdrożenie i Produkcja Next.js
Architecture & Design Patterns
React Server Components
Internacjonalizacja Next.js
React Bezpieczeństwo & Najlepsze Praktyki
Opanuj React / Next.js na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo