chore: update eslint rule

Author: int64ago

.eslintrc

@@ -1,23 +1,12 @@
 {
-  "parser": "babel-eslint",
   "env": {
     "browser": true,
     "node": true,
     "jest": true
   },
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended"
-  ],
-  "plugins": [
-    "react-hooks"
-  ],
+  "extends": "airbnb",
   "rules": {
-    "react-hooks/rules-of-hooks": "error"
-  },
-  "settings": {
-    "react": {
-      "version": "16.7.0-alpha"
-    }
+    "consistent-return": 0,
+    "react/jsx-one-expression-per-line": 0
   }
 }

__tests__/index.js

@@ -1,5 +1,7 @@
+const hooks = require('../src/index').default;
+
 describe('hooks test', () => {
   it('should be a function', () => {
-    expect(require('../src/index').default).toEqual(expect.any(Function));
+    expect(hooks).toEqual(expect.any(Function));
   });
-});
+});

example/App.js example/App.jsxexample/App.js renamed to example/App.jsx

@@ -10,7 +10,7 @@ export default function App() {
     <div>
       <h2>DEMO of <span style={{ color: '#F44336' }}>@use-hooks/image-size</span></h2>
       <div>
-        <img src={url} width={100} height={100} alt=""/>
+        <img src={url} width={100} height={100} alt="" />
         <div>Natural size: {width} x {height}</div>
       </div>
     </div>

example/index.js example/index.jsxexample/index.js renamed to example/index.jsx

@@ -11,8 +11,8 @@
     "start": "webpack-dev-server --progress --color",
     "build": "webpack --env build",
     "example": "webpack --env example",
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
+    "lint": "eslint src example",
+    "lint:fix": "eslint src example --fix",
     "prepublishOnly": "npm run build"
   },
   "repository": {
@@ -33,12 +33,13 @@
     "@babel/preset-env": "^7.2.0",
     "@babel/preset-react": "^7.0.0",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-eslint": "^10.0.1",
     "babel-jest": "^23.6.0",
     "babel-loader": "^8.0.4",
     "eslint": "^5.10.0",
+    "eslint-config-airbnb": "^17.1.0",
+    "eslint-plugin-import": "^2.14.0",
+    "eslint-plugin-jsx-a11y": "^6.1.2",
     "eslint-plugin-react": "^7.11.1",
-    "eslint-plugin-react-hooks": "^0.0.0",
     "html-webpack-plugin": "^3.2.0",
     "husky": "^1.2.0",
     "jest": "^23.6.0",
@@ -54,7 +55,7 @@
     }
   },
   "lint-staged": {
-    "*.js": [
+    "*.{js,jsx}": [
       "eslint --fix",
       "git add"
     ]

package.json

@@ -2,7 +2,7 @@ const path = require('path');
 const webpack = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
-module.exports = function(env) {
+module.exports = (env) => {
   const isExample = env === 'example';
   const isBuild = env === 'build';
   const isDev = !env;
@@ -52,5 +52,5 @@ module.exports = function(env) {
       isDev && new webpack.NamedModulesPlugin(),
       isDev && new webpack.HotModuleReplacementPlugin(),
     ].filter(Boolean),
-  }
+  };
 };