Added airbnb eslint rules

Author: crup

.eslintrc

@@ -0,0 +1,10 @@
+module.exports = {
+  extends: [
+    "airbnb",
+    "airbnb/hooks"
+  ],
+  env: {
+    jest: true,
+    "browser": true
+  }
+}

.eslintrc.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import ReactTimer from 'react-timer';
+
+export default () => (
+  <div>
+    <ReactTimer
+      start={30}
+      end={(value) => value < 25}
+      // eslint-disable-next-line no-console
+      onEnd={(value) => console.log('ENDED WITH VALUE', value)}
+      onTick={(value) => value - 1}
+    >
+      {(time) => <div>{time}</div>}
+    </ReactTimer>
+  </div>
+);

example/src/App.js

@@ -1,7 +1,7 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
+import React from 'react';
+import ReactDOM from 'react-dom';
 
-import './index.css'
-import App from './App'
+import './index.css';
+import App from './App';
 
-ReactDOM.render(<App />, document.getElementById('root'))
+ReactDOM.render(<App />, document.getElementById('root'));

example/src/App.jsx

@@ -39,7 +39,8 @@
     "deploy": "gh-pages -d example/build",
     "docz:dev": "docz dev",
     "docz:build": "docz build",
-    "docz:deploy": "yarn docz:build && gh-pages -d .docz/dist"
+    "docz:deploy": "yarn docz:build && gh-pages -d .docz/dist",
+    "lint:test": "yarn eslint ./src"
   },
   "peerDependencies": {
     "prop-types": "^15.5.4",
@@ -63,13 +64,11 @@
     "cross-env": "^5.1.4",
     "docz": "^2.0.0-rc.53",
     "eslint": "^6.2.2",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-config-standard-react": "^9.1.0",
-    "eslint-plugin-import": "^2.13.0",
-    "eslint-plugin-node": "^9.1.0",
-    "eslint-plugin-promise": "^4.0.0",
-    "eslint-plugin-react": "^7.10.0",
-    "eslint-plugin-standard": "^4.0.1",
+    "eslint-config-airbnb": "^18.0.1",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-react": "^7.16.0",
+    "eslint-plugin-react-hooks": "^2.1.2",
     "gh-pages": "^2.1.1",
     "react": "^16.10.2",
     "react-dom": "^16.10.2",

example/src/index.js

@@ -1,45 +1,43 @@
-import { useState, useEffect, useRef } from 'react'
-import PropTypes from 'prop-types'
+import { useState, useEffect, useRef } from 'react';
+import PropTypes from 'prop-types';
 
 const ReactTimer = ({
   children,
   start = 0,
   end = () => true,
   interval = 1000,
   onEnd = () => { },
-  onTick = () => { }
+  onTick = () => { },
 }) => {
-  const [value, setValue] = useState(start)
-  const timerRef = useRef()
+  const [value, setValue] = useState(start);
+  const timerRef = useRef();
 
   useEffect(() => {
     if (!timerRef.current) {
       timerRef.current = window.setInterval(() => {
-        setValue(val => onTick(val))
-      }, interval)
+        setValue((val) => onTick(val));
+      }, interval);
     }
     if (end(value)) {
-      window.clearInterval(timerRef.current)
-      onEnd(value)
+      window.clearInterval(timerRef.current);
+      onEnd(value);
     }
-  }, [value])
+  }, [end, interval, onEnd, onTick, value]);
 
-  useEffect(() => {
-    return () => {
-      window.clearInterval(timerRef.current)
-    }
-  }, [])
+  useEffect(() => () => {
+    window.clearInterval(timerRef.current);
+  }, []);
 
-  return children(value)
-}
+  return children(value);
+};
 
 ReactTimer.propTypes = {
   children: PropTypes.func.isRequired,
   start: PropTypes.number.isRequired,
   end: PropTypes.func.isRequired,
   interval: PropTypes.number,
   onTick: PropTypes.func,
-  onEnd: PropTypes.func
-}
+  onEnd: PropTypes.func,
+};
 
-export default ReactTimer
+export default ReactTimer;