What you need to know about forms in React

Dealing with forms in React can seem intimidating. Luckily, I have written about a lot of aspects and tricks of doing just that. This page is a meaningfully ordered index of my articles about React forms, meant to act as The Forms Guide of Reactâ„¢ Get started with...


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


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?


  1. Making dynamic form inputs with React



I'm also experimenting with recording some of my takes on forms in React in the format of short and to-the-point screencasts on Egghead.