dfernandeza

React.createClass({
  
  // Your Validation Mixin containing methods like:
  // isEmpty, minLength, maxLength, isEmail, etc
  mixins: [ValidationMixin],

  getInitialState: function() {
    return { firstName: '', valid: true };
  },

dfernandeza

React.createClass({

  getInitialState: function() {
    return { firstName: '', valid: true };
  },

  myLinkState: function(key) {
    // ReactLink object
    return {
      value: this.state[key],

dfernandeza

React.createClass({

  getInitialState: function() {
    return { firstName: '' };
  },

  myLinkState: function(key) {
    // ReactLink object
    return {
      value: this.state[key],

dfernandeza

// Require react with addons
var React = require('react/addons');

React.createClass({
  
  mixins: [React.addons.LinkedStateMixin],
  
  getInitialState: function() {
    firstName: ''
  },

dfernandeza

React.createClass({
  render: function() {
    return (
      <form>
        <input type="text" name="uncontrolled" defaultValue="Uncontrolled"/>
      </form>
    );
  }
});

dfernandeza

React.createClass({

  getInitialState: function() {
    return { controlled: 'controlled' };
  },
  
  // Manual 'two-way data binding'
  _handleChange: function(se) {
    this.setState({ controlled: se.target.value });
  },