Using Forms in Next.js (Server Actions, Revalidating Data)

Veröffentlicht am: 25 September 2023
auf dem Kanal: leerob

211,597

Learn how to create forms and handle data mutations in the Next.js App Router. This tutorial walks through using Server Actions, creating loading and error states with useFormStatus and useFormState, as well as accessibility best practices.

0:00 – Introduction
0:06 – Demo
0:21 – Forms with Pages Router
1:05 – create-next-app
1:30 – Server Component (Data Fetching)
1:58 – Forms and action prop
3:05 – Server Actions (and useFormState)
4:32 – Progressive enhancement
5:03 – Loading states (useFormStatus)
7:13 – Revalidating data and caching
8:12 – Accessibility and error states
9:58 – Conclusion

◆ Docs: https://nextjs.org/docs/pages/buildin...
◆ Example: https://github.com/vercel/next.js/tre...
◆ React Canary Example: https://codesandbox.io/s/vigorous-cur...
◆ Server Actions: https://nextjs.org/docs/app/api-refer...
◆ "use server" : https://react.dev/reference/react/use...

Auf dieser Seite können Sie das Online-Video Using Forms in Next.js (Server Actions, Revalidating Data) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer leerob 25 September 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 211,597 Mal angesehen und es wurde von 4 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

109