October 2024
Handling Form Validation Errors and Resets with useActionState
In this article, Aurora shows how to use the new `useActionState` hook to handle form validation errors and resets.
In this article, Aurora shows how to use the new `useActionState` hook to handle form validation errors and resets.
No major changes, but some improvements on caching and app router. Beware, it includes some breaking changes.
Modern frameworks advices to use formData to manage your forms. What is it and how to use it with zod for typesafe forms ? Description in this article.
The state of the art to create complex forms in 2024 in Next.js
Great tutorial to learn the new form hooks from React 19. useActionState, useFormStatus, but also useTransition to manage your form with actions.
Another article to discover the new useFormStatus hook in React 19, and how to use it to improve your UX with transitions.
New month, new astro feature get released.. This time astro introduce server actions. From your SSR or CSR page, you can now build a form and pass on submit an astro server action who will create a new endpoint in your server to validate and execute the function you'll define. A very important piece to manage forms is coming, but only in an experimental mode for now, so don’t use it in production yet.
Conform is a new form management library with Progressive enhancement first APIs, Type-safe field inference, Fine-grained subscription, Built-in accessibility helpers, and Automatic type coercion with Zod. It is compatible with Next / Remix as it supports server Actions. According to early feedback, this library is still experimental but seems quite promising.
A comprehensive tutorial on using forms with Next.js. On the agenda: form creation, field validation, error handling, reset, toast messages, server actions.