React ES6 Code Samples for Medium #1

Old React Component Pattern.js

var React = require("react");

var HelloWorld = React.createClass({
  mixins: [
    DummyMixin
  ],
  getInitialState: function() {
    return {
      world: "World"
    };
  },
  propTypes: {
    food: React.PropTypes.array
  },
  getDefaultProps: function() {
    return {
      food: [ "Pizza", "Lasagna", "Sushi" ]
    }
  },
  _onClick: function() {
    this.setState({
      world: "Cthulhu"
    });
  }
  render: function() {
    return (
      <h1 onClick={this._onClick}>
        Hello {this.state.world}!
      </h1>
      <ul>
        {
          this.props.food.map(function(obj) {
            return <li>{obj}</li>;
          });
        }
      </ul>
    );
  }
});

module.exports = HelloWorld;