use eslint instead of jshint

.eslintrc

@@ -0,0 +1,15 @@
+{
+  "parser": "babel-eslint",
+  "ecmaFeatures": {
+    "jsx": true
+  },
+  "env": {
+    "es6": true,
+    "browser": true,
+    "node": true
+  },
+  "rules": {
+    "indent": [1, 2, { "SwitchCase": 1 }],
+    "semi": [2, "always"]
+  }
+}

gulpfile.js

@@ -15,10 +15,6 @@ var browserify = require('browserify');
 var watchify = require('watchify');
 var reactify = require('reactify');
 
-// TODO: implement browserSync with live page reloading
-// var browserSync = require('browser-sync');
-// var reload = browserSync.reload;
-
 // object containing file names and paths for output
 var path = {
   HTML: 'src/index.html',
@@ -52,13 +48,14 @@ gulp.task('watch', function() {
 
   var watcher  = watchify(
     browserify({
-    entries: [path.ENTRY_POINT],
-    transform: [reactify],
-    debug: true,
-    cache: {}, 
-    packageCache: {}, 
-    fullPaths: true
-  }));
+      entries: [path.ENTRY_POINT],
+      transform: [reactify],
+      debug: true,
+      cache: {},
+      packageCache: {},
+      fullPaths: true
+    })
+  );
 
   return watcher.on('update', function () {
     watcher.bundle()
@@ -100,4 +97,4 @@ gulp.task('useref', function(){
 
 // these are what get called when we do either `gulp` or `gulp production` on the CLI
 gulp.task('default', ['connect', 'watch', 'copy', 'useref']);
-gulp.task('production', ['useref', 'build']);
+gulp.task('production', ['useref', 'build']);

package.json

@@ -20,23 +20,26 @@
   },
   "homepage": "https://github.com/clhenrick/React-Leaflet-demo#readme",
   "devDependencies": {
+    "babel-eslint": "^6.1.2",
     "browser-sync": "^2.10.1",
     "browserify": "^12.0.1",
+    "eslint": "^3.0.1",
     "gulp": "^3.9.0",
     "gulp-concat": "^2.6.0",
     "gulp-connect": "^3.1.0",
     "gulp-load-plugins": "^1.1.0",
     "gulp-react": "^3.1.0",
     "gulp-streamify": "^1.0.2",
     "gulp-uglify": "^1.5.1",
+    "gulp-useref": "^3.1.0",
     "reactify": "^1.1.1",
     "vinyl-source-stream": "^1.1.0",
     "watchify": "^3.6.1"
   },
   "dependencies": {
     "leaflet": "^0.7.7",
     "qwest": "^2.2.6",
-    "react": "^0.14.5",
-    "react-dom": "^0.14.5"
+    "react": "0.14.4",
+    "react-dom": "0.14.4"
   }
 }

src/index.html

@@ -19,4 +19,4 @@
 
     <script src="src/build.js"></script>
   </body>
-</html>
+</html>

src/js/App.js

@@ -19,4 +19,4 @@ var App = React.createClass({
 ReactDOM.render(
   <App />,
   mountNode
-);
+);

src/js/Filter.js

@@ -12,21 +12,22 @@ var Filter = React.createClass({
     return {
       lines: [],
       curFilter: ''
-    }
+    };
   },
 
   updateFilter: function(e) {
     // console.log(e.target.value);
-    this.state.filter = e.target.value;
-    this.setState({
-      filter: this.state.filter
-    });
-    this.handleUpdate();
+    // this.state.filter = e.target.value;
+    // this.setState({
+    //   filter: this.state.filter
+    // });
+    // this.handleUpdate();
+    this.props.filterLines(e.target.value);
   },
 
   handleUpdate: function(){
     // filterLines passes the value of "filter" to the Map component's updateMap method
-    this.props.filterLines(this.state.filter);
+    // this.props.filterLines(this.state.filter);
   },
 
   render: function() {
@@ -43,7 +44,7 @@ var Filter = React.createClass({
         <select defaultValue="*" type="select" name="filterlines" onChange={this.updateFilter}>
             { /* This is how to do a comment in JSX! notice the curly braces. */ }
             { /* We render the select's option elements by maping each of the values of subwayLines array to option elements */ }
-            {this.props.lines.map(function(line, i){   
+            {this.props.lines.map(function(line, i){
                 { /* the "key" property is recommended by React when creating list like elements */ }
                 return (
                   <option value={line} key={i}>{line}</option>
@@ -56,4 +57,4 @@ var Filter = React.createClass({
 });
 
 // make sure to export our module so that it can be used elsewhere
-module.exports = Filter;
+module.exports = Filter;