What you need to know about forms in React

Basics

Just enough to understand the mechanics of working with forms in React.

  1. Controlled and uncontrolled form inputs in React don't have to be complicated
  2. Transitioning from uncontrolled inputs to controlled

Validation

Helping the user input correct data and providing instant feedback is important when building a form. Here's how React can help:

  1. Why not field-level validations?
  2. Form recipe: Conditionally disabling the Submit button
  3. Instant form field validation with React's controlled inputs
  4. Validating a React form upon submit
  5. How to handle validations involving several fields?

Forms & state

Questions related to modeling, storing, or accessing form state.

  1. How do you make a React form start out with some values prefilled when editing?
  2. Collecting data from a wizard form
  3. Here's what you can do to make migrating your forms to Redux easier in the future
  4. Should you store your form state in Redux?

Dynamics

  1. Making dynamic form inputs with React

, if you think any of your friends would be interested in reading about forms in React, don't be hesitant to share this!

Book