(Note: the "linked state mixin" and "two-way binding" approaches described in some of these articles are still valid, but mostly discouraged at this point. The more idiomatic approach is "one-way data flow" with "controlled inputs".)
-
React Docs: Forms
https://facebook.github.io/react/docs/forms.html
The React documentation page on forms. Describes "controlled" and "uncontrolled" form inputs. -
React "controlled" vs "uncontrolled" inputs
https://gist.github.com/markerikson/d71cfc81687f11609d2559e8daee10cc
An explanation of the terms "controlled inputs" and "uncontrolled inputs" -
React Form Components
http://donavon.js.org/react-forms/
A look at controlled vs uncontrolled inputs, with a useful note about issues with controlled inputs and certain browsers. -
Uncontrolled components are an anti-pattern
https://medium.com/@jedwards8/uncontrolled-components-are-an-anti-pattern-abbdd86fd39e
Argues that uncontrolled components are a bad idea and should be avoided. -
ReactJS and controlled forms
http://leftdevel.com/blog/reactjs-controlled-forms/
A look at the difference between controlled and uncontrolled inputs, and some problems that can come from using uncontrolled inputs. -
Managing React Controlled Component State
http://spraso.com/managing-react-controlled-component-state/
Some short examples of how to properly manage state for controlled inputs -
Managing state and controlled form fields with React
https://blog.iansinnott.com/managing-state-and-controlled-form-fields-with-react/
Describes the concepts of "controlled" and "uncontrolled" inputs. -
React Hates me: "Overcontrolled" components
http://www.matthiaslienau.de/blog/2015/4/8/react-hates-me-overcontrolled-components
Describes some specific issues with controlled inputs and the preventDefault method
-
Learn Raw React: Ridiculously Simple Forms
http://jamesknelson.com/learn-raw-react-ridiculously-simple-forms/
Covers the basics of implementing form rendering, updates, and validation, in plain JS -
Forms in React and Redux
http://x-team.com/2016/02/tutorial-forms-in-react-and-redux/
Demonstrates building a simple set of wrapper components to manage forms using React and Redux -
Not-so-simple Forms with React
http://www.randseay.com/articles/forms-with-react/
Explains how to set up more advanced form scenarios such as optional or repeatable sections. -
Using React's state to manage data entry
https://medium.com/@adamrackis/using-reacts-state-to-manage-data-entry-ed92e4fd1a42
Describes how to manage data for forms using React component state and some wrapper components. -
Handling React Forms with Mobx Observables
https://blog.risingstack.com/handling-react-forms-with-mobx-observables/
Some examples of working with forms in React, using MobX for the data management. -
Forms in React and Redux
http://x-team.com/2016/02/tutorial-forms-in-react-and-redux/
A good example of how to set up form handling in conjunction with a Redux store. -
Radio Buttons and Checkboxes in React
http://react.tips/radio-buttons-in-reactjs/
http://react.tips/checkboxes-in-react/
Tutorials on managing various inputs in forms with React
-
Form Validation Tutorial with React.js
https://html5hive.org/reactjs-form-validation-tutorial/
A good example of setting up form validation in React -
Elegant Form Validation in React
https://spin.atomicobject.com/2016/10/05/form-validation-react/
Examples of adding validation to a form -
Two-Way Data Binding and Form Validation in React
https://medium.com/@thejenniekim/two-way-data-binding-and-form-validation-in-react-9d0b15123176
Another demonstration of building a form with some logic and validation. -
Form Validation as a Higher Order Component
https://medium.com/javascript-inside/form-validation-as-a-higher-order-component-pt-1-83ac8fd6c1f0
https://medium.com/javascript-inside/form-validation-as-a-higher-order-component-pt-2-1edb7881870d
A 2-part series, demonstrating how to use Ramda and FP approaches to create validation logic