Multi-Step React Form with Uncontrolled Components

Veröffentlicht am: 11 Dezember 2022
auf dem Kanal: NL Tech
369
14

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: nikola.n.lazarov@outlook.com
Twitter:   / nikelaz  
LinkedIn:   / nikola-lazarov  

#react #project


Auf dieser Seite können Sie das Online-Video Multi-Step React Form with Uncontrolled Components mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer NL Tech 11 Dezember 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 369 Mal angesehen und es wurde von 14 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!