React JS Form Validation - Axios User Registration Form Submit - Accessible Registration Form
Offered By: Dave Gray via YouTube
Course Description
Overview
Master React JS form validation in this comprehensive tutorial focused on creating an accessible user registration form. Build a robust form with username, password, and password confirmation inputs, implementing real-time validation using regex and React hooks. Learn to display error messages, handle form submission, and integrate Axios for server communication. Explore accessibility features and test the form using a screen reader. Gain practical experience in form development, state management, and API integration while following best practices for web accessibility.
Syllabus
Intro
Welcome
Intermediate level - Faster Pace
Setup and overview
Installing and importing dependencies
Regex for validation
App refs and state
useEffect and validation logic
Displaying error messages
Username input
Password input
Password confirmation input
Form submit button
Link to sign in form
handleSubmit function
Will you submit to a server?
Displaying a success screen
Addiing Axios to the project
Completing handleSubmit with Axios
Axios error handling
Testing the form with a Node JS REST API
Testing Accessibility with a screen reader
Taught by
Dave Gray
Related Courses
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX