Merge pull request #6 from udaypydi/chore/readme-change

eslint-set-up added

Author: udaypydi

.eslintrc.js

@@ -0,0 +1,26 @@
+module.exports = {
+  env: {
+    browser: true,
+    es6: true,
+  },
+  extends: [
+    'plugin:react/recommended',
+    'airbnb',
+  ],
+  globals: {
+    Atomics: 'readonly',
+    SharedArrayBuffer: 'readonly',
+  },
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 2018,
+    sourceType: 'module',
+  },
+  plugins: [
+    'react',
+  ],
+  rules: {
+  },
+};

.travis.yml

@@ -1,9 +1,11 @@
 --- 
 before_script: 
-  - "yarn install --frozen-lockfile"
+  - "yarn"
 cache: ~
 language: node_js
 node_js: 
   - "10.16.3"
-script: "npm run build"
+script: 
+  - "npm run lint"
+  - "npm run build"
 yarn: false

index.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './src/app';
+import App from './src/app.jsx';
 
 ReactDOM.render(<App />, document.getElementById('root'));

package.json

@@ -5,13 +5,14 @@
   "main": "index.js",
   "scripts": {
     "build": "webpack ---config ./config/webpack.prod.config.js",
-    "dev": "webpack-dev-server --config ./config/webpack.dev.config.js"
+    "dev": "webpack-dev-server --config ./config/webpack.dev.config.js",
+    "lint": "./node_modules/.bin/eslint src/*.jsx"
   },
   "keywords": [
-    "react", 
-    "boilerplate", 
-    "webpack", 
-    "webpack hmr", 
+    "react",
+    "boilerplate",
+    "webpack",
+    "webpack hmr",
     "travis",
     "react-simple-boilerplate",
     "react-boilerplate"
@@ -30,6 +31,12 @@
   },
   "devDependencies": {
     "clean-webpack-plugin": "^3.0.0",
+    "eslint": "^6.8.0",
+    "eslint-config-airbnb": "^18.1.0",
+    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-react": "^7.19.0",
+    "eslint-plugin-react-hooks": "^2.5.1",
     "html-webpack-plugin": "^4.0.4",
     "webpack-dev-server": "^3.10.3"
   }

src/app.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export default function App() {
+  return (
+    <div>Welcome to React Boilerplate!</div>
+  );
+}