MENU

Fun & Interesting

React Hook Form & React 19 Form Actions, The Right Way

Jack Herrington 70,160 1 year ago
Video Not Working? Fix It Now

Let's figure out how to get form actions and React Hook Form to work together to get the best from both; client AND server side validation when JavaScript is enabled on the client, and user friendly server side validation when it's not enabled. 🎉 Free Forms Tutorial Series: https://www.pronextjs.dev/tutorials/forms-management-with-next-js-app-router 🎉 Code: https://github.com/ProNextJS/forms-management-yt 👉 Upcoming NextJS course: https://pronextjs.dev 👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ 👉 Discord server signup: https://discord.gg/ddMZFtTDa5 👉 VS Code theme and font? Night Wolf [black] and Operator Mono 👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF 00:00 Introduction 01:40 Setting Up Client Side Validation 04:30 Calling A Server Action 08:35 The useFormState Hook 10:06 Bringing Back Client Validation 11:24 Using the State From useFormState 15:32 Outroduction

Comment