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.
Understand and start using the new server action pattern in a Nextjs codebase.
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.
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.
A good explanation of the hook useDeferredValue and how to use it in a concrete exemple. This hook defer a value, allowing to manage priorities in the rendering of a component.
Because we haven't talked about tests yet today, here's a tutorial on setting up and using Vitest to test custom hooks.
When and how to use (or not) the React useEffect hook. Inspired by the React guide "You might not need an effect".
Explanation of optimistic updates and the new useOptimistic hook in Next.js to update our data as soon as a form is submitted.
Why and how to use your URLs as state managers.
Have you always wanted to understand how state management libraries work? Here's a tutorial on useSyncExternalStore, the hook that allows external stores.