Merge pull request folio-org#10 from thefrontside/jc/eslint

Set up eslint

.eslintrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    ecmaVersion: 2017,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true
+    }
+  },
+  extends: ['eslint:recommended', 'plugin:react/recommended'],
+  env: {
+    browser: true
+  },
+  rules: {
+  }
+};

package.json

@@ -18,6 +18,9 @@
     "chai": "^4.0.2",
     "chai-enzyme": "^0.8.0",
     "enzyme": "^2.9.1",
+    "eslint": "^4.3.0",
+    "eslint-loader": "^1.9.0",
+    "eslint-plugin-react": "^7.1.0",
     "karma": "^1.7.0",
     "karma-chrome-launcher": "^2.2.0",
     "karma-mocha": "^1.3.0",

src/components/app.js

@@ -1,5 +1,9 @@
 import React from 'react';
 
-export default () => (
+const App = () => (
   <h1>Folio Resource Management</h1>
 )
+
+App.displayName = 'App';
+
+export default App;

src/index.js

@@ -1,3 +1,4 @@
+/* global module */
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { AppContainer } from 'react-hot-loader';

tests/app-test.js

@@ -1,4 +1,4 @@
-/* global describe, beforeEach, afterEach, it */
+/* global it */
 import { expect } from 'chai';
 
 import { describeApplication } from './helpers';

webpack.config.js

@@ -15,15 +15,29 @@ let configuration = {
   devServer: {
     hot: true,
     contentBase: path.join(__dirname, 'dist'),
-    historyApiFallback: false
+    historyApiFallback: false,
+    stats: 'errors-only'
   },
 
   module: {
-    rules: [{
-      test: /\.js$/,
-      exclude: /node_modules/,
-      loader: 'babel-loader'
-    }]
+    rules: [
+      {
+        enforce: "pre",
+        test: /\.js$/,
+        exclude: /node_modules/,
+        loader: 'eslint-loader',
+        options: {
+          emitError: true,
+          emitWarning: true,
+          failOnError: true
+        }
+      },
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        loader: 'babel-loader'
+      }
+    ]
   },
 
   plugins: [