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:
https://norbertbm.com/?p=4972
-----------------------------------------------------------------------------
? Website & Courses: ?? :
https://norbertbm.com/web-development/web-dev-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
42:36 - Reload the React app using windows.location
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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Multi Step Form in using useState Hook», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.