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

Опубликовано: 25 Сентябрь 2023
на канале: 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...

На этой странице сайта вы можете посмотреть видео онлайн Using Forms in Next.js (Server Actions, Revalidating Data) длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь leerob 25 Сентябрь 2023, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 211,597 раз и оно понравилось 4 тысяч зрителям. Приятного просмотра!

48,554

276