gistfile1.txt

var React = require('react'),
  t = require('tcomb-form');

var MinimalFactory = React.createClass({

  props: {
    type: t.List,
    onChange: React.PropTypes.func,
    ctx: React.PropTypes.object
  },

  getInitialState: function () {
    return {
      value: this.props.value // the initial passed in value is ['one', 'two'];
    };
  },

  validate: function() {
    return t.validate(this.state.value, this.props.type);
  },

  onClick: function() {
    this.setState({value: ['new', 'value']});
    // why does @gcanti say this must be called?
    // and is onChange injected?
    //this.props.onChange(['new', 'value'], this.props.ctx.path);
  },

  render: function() {
    return(
      <div>
        <h1>hello </h1>
        <button onClick={this.onClick}>Change Value</button>
      </div>
    );
  },

});

module.exports = MinimalFactory;

gistfile2.txt

// relevant poriton of the file:
var value = {
      tags: ['one', 'two']
    };

    var options = {
      fields: {
        tags: {
          factory: MinimalistFactory
        }
      }
    };

    var tagInput = t.struct({
      tags: t.list(t.Str)
    });
    
    ...
    
    <TForm ref='labelsForm'
            type={tagInput}
            options={options}
            value={value}
            />