Skip to content
Submitted over 1 year ago

Multi Step Form with React-hook-form and Zod

typescript, react
Javed•200
@ofcljaved
A solution to the Multi-step form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Feel free to test this app in your browser let me know of any issues and also Where and why to use interface or type very confused between these two and also how to use react-hook-form devtools for optimizations

Code

Please log in to post a comment

Log in

Community feedback

  • Luke (Taek) Nam•50
    @tnamdevnote

    Hello, I'm working on the same challenge, and I came across your solution as I was trying to figure out the best way to define the form state in react. I took a look at your code, and you had data.ts file that defines stepsData for each form, and you also had a PlanSchema, which seems to be just the simpler version of stepsData. I think your code might be a solution to the problem that I'm having, but I would love to know your reasoning behind treating stepsData and PlanSchema separately.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord