dferber90

import React from 'react';
import PropTypes from 'prop-types';

// Instead of using a HOC, we can share code using a
// regular component with a render prop!
class Mouse extends React.Component {
  static propTypes = {
    render: PropTypes.func.isRequired,
  };
  state = { x: 0, y: 0 };

dferber90

# enable ES6
parserOptions:
  ecmaVersion: 6
  sourceType: "module"
  ecmaFeatures:
    jsx: true # enable React's JSX

# register plugins
plugins:
  - meteor

dferber90

/*
 * Adds a confirmation dialogue when the current route contains unsaved changes.
 *
 * This is tricky because Iron Router doesn't support this out of the box, and
 * the reactivity gets in the way.
 * In this solution, redirecting to the current route is abused
 * as a mechanism to stop the current transition, which Iron Router has no API
 * for. Because the redirect would trigger the onStop hook, we keep track of
 * whether to run the onStop hook or not ourselves in
 * `skipConfirmationForNextTransition`.

dferber90

{
  "name": "project",
  "private": true,
  "scripts": {
    "test": "tape 'tests/unit/**/*.js'"
  },
  "devDependencies": {
    "tape": "4.2.2"
  }
}

dferber90

// ES6
class Tweet {
  constructor (doc) {
    _.extend(this, doc);
  }
}

Tweets = new Mongo.Collection('tweets', {
  transform (doc) {
    return new Tweet(doc);

dferber90

// ES6
Template.lead.helpers({
  twitterLink () {
    return this.getTwitterLink();
  },
  weekday (timestamp) {
    return moment(timestamp).format(‘dddd’);
  }
});

dferber90

// ES6
UI.registerHelper('sum', function (...summands) {   
  summands.pop(); // remove last argument hash (Spacebars.kw)
  return summands.reduce((previousValue, currentValue) => {
    return previousValue + currentValue;
  });
});

dferber90

// ES5
UI.registerHelper('sum', function (/* arguments */) {
  var summands = Array.prototype.slice.call(arguments);
  summands.pop(); // remove last argument hash (Spacebars.kw)
  var sum = 0;
  for (var i = 0; i < summands.length; i++) {
    sum += summands[i];
  }
  return sum;
});

dferber90

// ES6
const versionsMap = new Map();
lines.forEach( line => versionsMap.set(...line.split(‘@’)) );

dferber90

// ES6
const versionsMap = new Map();
lines.forEach((line) => {
  const [name, version] = line.split(‘@’); // destructuring
  versionsMap.set(name, version);
});