Multi-Step React Form with Uncontrolled Components
In this video we build a multi-step form in react with uncontrolled inputs. We use context to create a multi-step form model provider that stores all the state and methods of the multi-step form. The form uses individual HTML forms for each step with the default HTML validation. The final multi-step form component is reusable for multiple forms.
Multi-Step Form Source Code: https://github.com/nikelaz/multi-step...
Contents:
0:00 Introduction
0:24 File/Folder Structure
0:52 Application Entry Point (main.jsx)
1:02 App Component
1:29 MultiStepModelProvider Component
3:41 MultiStepForm Component
4:34 Form Steps
5:06 FormStep Component
6:33 Overview
6:52 Conclusion
Email: [email protected]
Twitter: / nikelaz
LinkedIn: / nikola-lazarov
#react #project