React Multi Step Form in using useState Hook

Create a multi step form using React JS and the useState Hook.

💖 Support The Channel by becoming a part of this community!

🎱 Code for this Video:
-----------------------------------------------------------------------------

👇 Website & Courses: 👨‍🏫 :

-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro & Project overview
01:00 - Setup react
03:22 - Create react project using npx create-react-app
05:06 - Optimize the React Application
05:40 - Create React Components
06:18 - Create a React Button Component
07:32 - Add props to React Component
09:14 - Add Bootstrap to React Application
10:50 - Form input group React Component
13:12 - Sign up Form React Component
14:14 - Create Email input in React Form Component
14: 45 - Create Password input in React Form Component
15:25 - Create React Form Component
16:45 - Create React Registration Form Component
18:50 - Create React Contact Form Component
20:08 - Create Form Next and Prev Button
21:55 - Add CSS Styling to React App
22:27 - Create CSS Variables
25:05 - React useState hook to display Form
26:55 - Condition React page display using useState hook
27:58 - Display form title using React useState hook
29:44 - Display Sign in Form using React useState hook
30:20 - Display Registration Form using React useState hook
30:51 - Display Contact Form using React useState hook
32:21 - Hide the Prev Button on the Sign up form
33:05 - Create the Form Welcome page
38:29 - Hide the Prev Button on the Welcome page
39:26 - Change the text and action of the Next Button to Finish
40:43 - Change the Page Title Color using React useState hook
43:48 - Create the form progress bar using React useState hook
46:10 - Style the Form Progress bar using CSS
49:51 - Use CSS Variables in React
50:25 - Save form data in React using useState hook

-------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------

#reactForm #MultiStepFrom #norbertbmwebdevelopment

[zeinebmaatalli]

Veuillez créer Part 2 avec validation React Multi Step Form

[namanbhagat]

Please make React Multi Step Form Part 2 with Validation.