Convert to ES6 Fat Arrow syntax

Notes:
* No Parens when exactly one arg
* Parents required when 0 or 2+ args
* .bind(this) not required

Author: justin808

webpack/assets/javascripts/CommentBox.jsx

@@ -36,12 +36,12 @@ var CommentBox = React.createClass({
     $.ajax({
       url: this.props.url,
       dataType: 'json',
-      success: function(data) {
+      success: data => {
         this.setState({data: data});
-      }.bind(this),
-      error: function(xhr, status, err) {
+      },
+      error: (xhr, status, err) => {
         console.error(this.props.url, status, err.toString());
-      }.bind(this)
+      }
     });
   },
   emptyFormData:  { author: "", text: "" },
@@ -56,15 +56,15 @@ var CommentBox = React.createClass({
       dataType: 'json',
       type: 'POST',
       data: { comment: comment},
-      success: function(data) {
+      success: data => {
         var comments = this.state.data;
         var newComments = React.addons.update(comments, { $push: [comment] } );
         this.setState({ajaxSending: false, data: newComments, formData: this.emptyFormData });
-      }.bind(this),
-      error: function(xhr, status, err) {
+      },
+      error: (xhr, status, err) => {
         console.error(this.props.url, status, err.toString());
         this.setState({ajaxSending: false});
-      }.bind(this)
+      }
     });
   },
   getInitialState: function() {
@@ -98,7 +98,7 @@ var CommentBox = React.createClass({
 var CommentList = React.createClass({
   render: function() {
     var reversedData = this.props.data.slice(0).reverse();
-    var commentNodes = reversedData.map(function(comment, index) {
+    var commentNodes = reversedData.map((comment, index) => {
       return (
         // `key` is a React-specific concept and is not mandatory for the
         // purpose of this tutorial. if you're curious, see more here:
@@ -119,9 +119,10 @@ var CommentList = React.createClass({
 var CommentForm = React.createClass({
   getInitialState: function() {
     return {
-      formMode: 0,
+      formMode: 0
     };
-  },  handleSubmit: function(e) {
+  },
+  handleSubmit: function(e) {
     e.preventDefault();
     this.props.onCommentSubmit();
     return;

webpack/assets/javascripts/example.jsx

@@ -5,7 +5,7 @@ import { CommentBox } from './CommentBox';
 
 var $ = require('jquery');
 
-var render = function() {
+var render = () => {
   if ($("#content").length > 0) {
     React.renderComponent(
       <div>
@@ -20,7 +20,7 @@ var render = function() {
 $(function() {
   render();
   // Next part is to make this work with turbo-links
-  $(document).on("page:change", function () {
+  $(document).on("page:change", () => {
     render();
   });
 });