YoVDO

React JS Form Validation - Axios User Registration Form Submit - Accessible Registration Form

Offered By: Dave Gray via YouTube

Tags

React Courses Web Development Courses Accessibility Courses Form Validation Courses Axios Courses

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 Service
University 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