ESLint & Prettier - Added

.eslintrc.js

@@ -0,0 +1,22 @@
+module.exports = {
+  env: {
+    browser: true,
+    commonjs: false,
+    es6: true,
+    node: true,
+    jest: true,
+  },
+  extends: ["plugin:react/recommended", "eslint:recommended"],
+  parser: "babel-eslint",
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: "module",
+  },
+  plugins: ["react"],
+  rules: {
+    "arrow-body-style": 2,
+    semi: ["error", "always"],
+    quotes: ["error", "double"],
+    "prefer-const": 1,
+  },
+};

.gitignore

@@ -25,3 +25,4 @@ build/Release
 # Dependency directory
 # https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
 node_modules
+.DS_Store

TimeAgo.js

@@ -1,19 +1,19 @@
 // @flow
 import React, { Component } from "react";
-import { View, Text } from "react-native";
+import { Text } from "react-native";
 import moment from "moment";
 
 export default class TimeAgo extends Component {
   props: {
     time: string,
     interval?: number,
-    hideAgo?: boolean
+    hideAgo?: boolean,
   };
   state: { timer: null | number } = { timer: null };
 
   static defaultProps = {
     hideAgo: false,
-    interval: 60000
+    interval: 60000,
   };
 
   componentDidMount() {
@@ -22,9 +22,7 @@ export default class TimeAgo extends Component {
 
   createTimer = () => {
     this.setState({
-      timer: setTimeout(() => {
-        this.update();
-      }, this.props.interval)
+      timer: setTimeout(() => this.update(), this.props.interval),
     });
   };
 
@@ -39,10 +37,6 @@ export default class TimeAgo extends Component {
 
   render() {
     const { time, hideAgo } = this.props;
-    return (
-      <Text {...this.props}>
-        {moment(time).fromNow(hideAgo)}
-      </Text>
-    );
+    return <Text {...this.props}>{moment(time).fromNow(hideAgo)}</Text>;
   }
 }

__tests__/TimeAgo.test.js

@@ -1,17 +1,17 @@
-import React from 'react'
-import { Text } from 'react-native'
-import TestRenderer from 'react-test-renderer'
-import moment from 'moment'
-import TimeAgo from '../TimeAgo'
+import React from "react";
+import { Text } from "react-native";
+import TestRenderer from "react-test-renderer";
+import moment from "moment";
+import TimeAgo from "../TimeAgo";
 
-describe('TimeAgo', () => {
-  test('Renders', () => {
-    const timestamp = moment().subtract(10, 'days')
+describe("TimeAgo", () => {
+  test("Renders", () => {
+    const timestamp = moment().subtract(10, "days");
     const renderer = TestRenderer.create(
       <TimeAgo time={timestamp} />
-    )
-    const instance = renderer.root
-    expect(instance.findByType(Text).props.children).toEqual('10 days ago')
-    renderer.unmount()
-  })
-})
+    );
+    const instance = renderer.root;
+    expect(instance.findByType(Text).props.children).toEqual("10 days ago");
+    renderer.unmount();
+  });
+});

babel.config.js

@@ -1,4 +1,4 @@
 module.exports = {
-  "presets": ["module:metro-react-native-babel-preset"],
-  "plugins": ["@babel/proposal-class-properties"]
-}
+  presets: ["module:metro-react-native-babel-preset"],
+  plugins: ["@babel/proposal-class-properties"],
+};

package.json

@@ -5,7 +5,10 @@
   "main": "TimeAgo.js",
   "typings": "./index.d.ts",
   "scripts": {
-    "test": "jest --verbose"
+    "test": "jest --verbose",
+    "lint": "eslint *.js",
+    "prettier-write": "prettier --write \"*.js\"",
+    "prettier-check": "prettier --check \"*.js\""
   },
   "keywords": [
     "react-native",
@@ -32,13 +35,18 @@
   "license": "ISC",
   "devDependencies": {
     "@babel/plugin-proposal-class-properties": "^7.7.0",
+    "babel-eslint": "^10.1.0",
     "babel-jest": "^24.9.0",
     "babel-preset-react-native": "^4.0.0",
+    "eslint": "^6.8.0",
+    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-react": "^7.19.0",
     "jest": "^24.9.0",
     "jest-cli": "^24.9.0",
     "jest-react-native": "^18.0.0",
     "metro-react-native-babel-preset": "^0.57.0",
     "moment": "^2.19.1",
+    "prettier": "^2.0.2",
     "prop-types": "^15.6.0",
     "react": "^16.0.0",
     "react-native": "^0.61.4",