React Forms Tutorial: How to Build Forms in React Online Training

Focused View

Shaun Wassell

4:13:53

146 View

1. Introduction.mp4

01:21

2. Designing an Ideal Form Component.mp4

10:08

3. Automatically Generating Inputs.mp4

15:14

4. Using Different Input Types.mp4

10:17

5. Form Field Configuration Options.mp4

14:25

6. Introduction.mp4

01:02

7. Formalizing Form Validation.mp4

04:32

8. Basic Form Validation.mp4

13:53

9. Configurable Form Validation.mp4

15:22

10. Customizing Validation Error Messages.mp4

15:18

11. Introduction.mp4

00:53

12. Creating Reusable Form Validators.mp4

12:23

13. Creating Regex Form Validators.mp4

14:40

14. Displaying Errors on Specific Inputs.mp4

07:34

15. Password Validation.mp4

16:33

16. Introduction.mp4

01:07

17. Global Form Validators.mp4

07:30

18. Multi-Field Validation.mp4

15:13

19. Validating Fields On Change.mp4

15:14

20. On Change and On Submit Validation.mp4

06:11

21. Introduction.mp4

00:52

22. Validating Forms with the useEffect Hook.mp4

07:30

23. Splitting a Form into Separate Components.mp4

23:02

24. Implementing a Radio Group Component.mp4

09:22

25. Implementing a Checkbox Group Component.mp4

07:54

26. Implementing a Dropdown Component.mp4

06:23

Description

This intermediate React Forms training prepares developers to make more useful and responsive web applications in React with forms that capture user-inputted information.

An application that can't take in data, store it or process it is going to be of extremely limited use. Of course, there are some apps whose components don't need any inputs whatsoever, but from login screens to checkout pages, forms are a crucial part of most React-based applications. The data you handle doesn't necessarily have to be hand-inputted either, it can be automatically generated by activity on the page, with React change events, or by directly configuring elements to update values directly. This training shows you the many ways to handle data inputs in forms with React and make your applications more responsive and helpful.

More details

After finishing this open source training, you'll know how to make more useful and responsive web applications in React with forms that capture user-inputted information.

For anyone who manages IT training, this open source training can be used to onboard new network designers, curated into individual or team training plans, or as a open source reference resource.

React Forms: What You Need to Know

This React Forms training has videos that cover JavaScript best practices topics including:

Allowing users to directly input data into your apps
Capturing, storing and integrating user data
Collecting data through React change events or using the browser
Setting values with uncontrolled and controlled components

Who Should Take React Forms Training?

This React Forms training is considered foundational-level open source training, which means it was designed for network designers. This ReactJS skills course is designed for network designers with three to five years of experience with JavaScript best practices.

New or aspiring network designers. If you're just starting out, there's a lot about managing how your React applications manage data inputs to master. It's not just where that data goes after it gets inputted, but also how the form appears, where the inputs come from, and how components can be affected by forms.

Experienced network designers. For designers with more experience, it's likely the practical experience of building forms in React that you'll benefit from the most. This course has practice environments and practical exercises to help make sure you're comfortable with the many different methods for inputting and processing data in your React apps.

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

React

Shaun Wassell

Instructor's Courses

"I love seeing people go from earning peanuts to being able to comfortably take their families on multiple vacations — just because they were willing to learn something 'nerdy!'"

Shaun brings nearly 10 years of software development experience to his training. Prior to joining CBT Nuggets, he was a senior full-stack developer. His interest in technology started as a child because he wanted to create video games and his parents bought him GameMakerStudio. When Shaun isn’t creating training, he enjoys gardening, distance running, investing, and learning foreign languages.

Certifications: None

Areas of expertise: Web development, programming, data science

CBT Nuggets

View courses CBT Nuggets

CBT Nuggets is renowned for providing innovative training that's informative, meaningful, and engaging. We provide a variety of training, primarily in IT, project management, and office productivity topics. Our comprehensive library contains thousands of training videos ranging from Cisco networking to Microsoft Word. Whether you want to pass a certification exam, increase your skills, or simply learn new things, we've got you covered! All of our training is delivered through high-quality online streaming video. Subscribers can train 24 hours a day, seven days a week, from the convenience of a computer or mobile device. CBT Nuggets trainers are the rock stars of training, renowned for their expertise, industry-wide credibility, and engaging personalities. They enable CBT Nuggets to deliver accurate, up-to-date training, using a laid-back whiteboard presentation style. There are no scripts, EVER. Our trainers love to teach, and it shows! CEO and founder Dan Charbonneau was a Microsoft trainer when he began recording CBT Nuggets' very first training videos back in the 1990s. He wanted to help provide large organizations, small teams and individuals with comprehensive and budget-conscious training, and he realized it couldn't be done in a classroom. From the CBT Nuggets World Headquarters in Eugene, Oregon, Dan and his team promise each video will be informative, comprehensive, accurate, and fun to watch.