Using arrow functions to easily bind functions for use inside of React Components

fat_arrow_binding.js

// This is how you might traditionally bind component
// functions to make sure you're accessing the right scope
class OldButton extends React.Component {
  handleClick (e){ /* ... */ }

  render() {
    return <button onClick={this.handleClick.bind(this)} />;
  }
}

// However, with the new ES6 arrow functions, you can do
// something like this which is basically the same, but
// actually is more efficient and easier to read
class NewButton extends React.Component {
  handleClick = (e) => { /* ... */ }

  render() {
    return <button onClick={this.handleClick} />;
  }
}