Co daje z Server Action w porównaniu z onSubmit + fetch?

Formularz działa nawet przed załadowaniem JS (progressive enhancement), bez trasy API

Formularz wysyła się szybciej dzięki stałemu połączeniu WebSocket

Dane formularza są automatycznie walidowane względem schematu bazy

Next.js · Middle · Pytanie 2 z 75

Co daje `<form action={createPost}>` z Server Action w porównaniu z `onSubmit` + `fetch`?

✓Poprawna odpowiedź: Formularz działa nawet przed załadowaniem JS (progressive enhancement), bez trasy API
2Formularz wysyła się szybciej dzięki stałemu połączeniu WebSocket
3Dane formularza są automatycznie walidowane względem schematu bazy

Wyjaśnienie

Server Action dostaje FormData bezpośrednio, więc nie potrzebujesz Route Handlera ani klienckiego fetch. Jeśli formularz renderuje komponent serwerowy, wysyła się nawet przed hydratacją. Walidację nadal piszesz sam (np. przez Zod). Stan wysyłania pokazuje się przez useActionState lub useFormStatus.

Do poczytania

Next.js: Mutating Data (Server Functions) ↗
react.dev: useActionState ↗

Co daje `<form action={createPost}>` z Server Action w porównaniu z `onSubmit` + `fetch`?

Wyjaśnienie

Do poczytania

Błąd w pytaniu

Sprawdź się

Co daje <form action={createPost}> z Server Action w porównaniu z onSubmit + fetch?

Wyjaśnienie

Do poczytania

Sprawdź się

Co daje `<form action={createPost}>` z Server Action w porównaniu z `onSubmit` + `fetch`?