Skip to content

Working with Forms & User Input /// What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"

Notifications You must be signed in to change notification settings

selmasaltik/react-forms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 

Repository files navigation

Working with Forms & User Input

It’s Trickier Than It Might Seem

  • What’s Difficult About Forms?
  • Handling Form Submission & Validating User Input
  • Using Built-in Form Features
  • Building Custom Solutions

What’s So Difficult?

Form Submission

  • Handling submission is relatively easy
  • Entered values can be managed via state
  • Alternatively, they can be extracted via refs
  • Or via FormData and native browser features

Input Validation

  • Providing a good user experience is tricky
  • You can validate on every keystroke → errors may be shown too early
  • You can validate on lost focus → errors may be shown too long
  • You can validate on form submission → errors may be shown too late

Using Third-Party Form Libraries

Resources

About

Working with Forms & User Input /// What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published