Project: Multi-Step Form (Optional)

Introduction

Optional wizard: account → preferences → review—native inputs, step indicator, validation. No MUI/Ant Design—practice composition and controlled state. Sister to Vue multi-step form.

Prerequisites

Forms and Controlled Components
Composition, Props, and Lifting State
Custom Hooks

Form Hook

src/hooks/useSignupForm.ts:

typescript

SignupWizard

tsx

Deliverables

Three steps with indicator
Cannot advance with invalid step 1
Review shows values
Submit POSTs JSON or mocks success

FAQ

React Hook Form?

Learn controlled patterns first—add library when forms grow.

Route per step?

/signup/account, /signup/review with nested routes—optional extension.

Required?

No—optional after admin project.