React JavaScript: Just Like You've Always Done It (with arrow funcs)

gistfile1.js

/**
 * ReactJS: JavaScript like you've always done it.
 * 
 * This example renders your top ten most followed friends/followers, `filter`ing
 * only your favorites, and putting a star on all verified accounts.
 * 
 * With ReactJS, any time your data changes, the UI is always brought up to date
 * automatically. If friends length changes, or followCount - it always shows what
 * `render` describes.
 */

var PeopleList = React.createClass({
  render: () =>
    <div className="list">{
      {this.props.friends.concat(this.props.followers)
        .filter(person => person.isFavorite)
        .sort((one, two) => one.followCount - two.followCount)
        .slice(0, 10)
        .map(person =>
          <div className={person.verified ? 'star' : ''}>{person.name}</div>
        )
      }
    </div>;
});

/**
 * Instead of making you set up "Bindings" to models:
 *   - React uses plain JavaScript *functions* to bind outputs to inputs.
 *
 * Instead of making you set up "computed values":
 *   - React uses plain JavaScript *expressions* to compute values.
 *
 * Instead of making you use "collections":
 *   - React uses plain JavaSctript *Arrays* to model changing lists.
 *
 * - Just functions.
 * - Just expressions.
 * - Just plain Arrays and Objects.
 * - React JavaScript: Just like you've always done it.
 */