#402 Build a Multistep Form With React Hook Form

We'll build a basic multistep registration form.

Build a Multistep Form With React Hook Form

Multistep forms a.k.a. wizard or funnel forms have a wide range of uses. They are most common when collecting different types of information into one data structure but are also useful to break down very large forms into the less user-intimidating multistep process. In this post, we'll build a basic multistep registration form, which collects the user's info and then presents it in a confirmation view, which can be reviewed and edited before the submission.

Techniques to Take Your UI to the Next Level

UX designers strive to give applications a unique personality and a smooth user experience. As a developer, you can elevate your UI to the next level by paying attention to the details.

Using SWR for Efficient Data Fetching in Next.js Applications

It is common to see Next.js applications that make use of client-side data fetching. The challenge with this technique of data fetching is that you have to render data based on user interaction, which can lead to several issues if not handled properly.

React treeview component (pt. 2)

What keyboard shortcuts belong on a treeview? What do the ARIA guidelines recommend? Building on a previous post, we answer those questions and make our treeview accessible.

React treeview component (pt. 3)

A bonus post animating our treeview. This post is much more "show" than it is "tell".

newsletters

Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.