Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Build a Multi-Page Form with React Hooks - Multi-Step Tutorial

Dave Gray via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to build a multi-page form using React hooks in this comprehensive tutorial. Explore the process of creating a single React form with multiple pages or steps, starting from the basics and progressing through advanced concepts. Discover how to implement a Form Context and Provider, utilize the useFormContext hook, and develop a reusable Form component. Gain insights into reviewing pages and functionality, handling "Same As Billing" scenarios, implementing button display logic and validation, and wrapping the form with FormProvider. Follow along to create a fully functional multi-step form in React.js, complete with practical examples and expert guidance.

Syllabus

Intro
Welcome
Starter Code & Overview
Create a Form Context and Provider
useFormContext hook
Form component
Review Pages & Functionality
Same As Billing
Button display logic & validation
Wrap form with FormProvider
Check form functionality

Taught by

Dave Gray

Reviews

Start your review of How to Build a Multi-Page Form with React Hooks - Multi-Step Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.