Tag: Progressive Enhancement
All the articles with the tag "Progressive Enhancement".
Handling Form Validation Errors and Resets with useActionState()
Published:With React 19 RC announced, the `useActionState` hook is a powerful tool for creating a state based on the result of an action, typically useful with form submissions. However, there are unclear usage patterns and some gotchas that can make it hard to work with. In this blog post, we'll create a validated form using the hook, and we'll see how we can handle form resets and errors with it.
Creating a Reusable SubmitButton with useFormStatus()
Published:With React 19 on the horizon, the `useFormStatus` hook is a powerful tool for handling form submissions. It will allow us to create a submit button that can be used across multiple forms, while it handles the form state for us. In this blog post, we'll create a reusable SubmitButton with `useFormStatus`.
Rebuilding "Remix Contacts" in Next.js 14 with Transitions, Server Actions and Prisma
Published:Remix Contacts is Remix's official tutorial. In this blog post, we'll rebuild it in Next.js 14 using React Server Components, Server Actions, Transitions and Prisma, and compare the two approaches.