Enable prettier and fix lint

Author: Gabriel Peal

.eslintrc

@@ -1,17 +1,23 @@
 {
   "parser": "babel-eslint",
-  "extends": "airbnb",
-  "plugins": [
-    "prefer-object-spread"
-  ],
+  "extends": ["airbnb", "prettier", "prettier/standard", "prettier/react"],
+  "plugins": ["prefer-object-spread", "prettier"],
   "rules": {
+    // Conflicts with prettier
+    // https://github.com/prettier/`prettier`/issues/187
+    "no-mixed-operators": 0,
+    // Not recommended with prettier
+    // https://github.com/prettier/eslint-config-prettier/issues/17
+    "no-confusing-arrow": 0,
     "prefer-object-spread/prefer-object-spread": 2,
     "react/prefer-stateless-function": 0,
     "react/jsx-filename-extension": 0,
     "react/sort-comp": 0,
+    "react/require-extension": 0,
     "import/no-extraneous-dependencies": 0,
     "import/no-unresolved": [2, { "ignore": ["^lottie-react-native$"] }],
     "no-console": 0,
-    "no-use-before-define": 0
+    "no-use-before-define": 0,
+    "prettier/prettier": 2
   }
 }

.prettierignore

@@ -0,0 +1 @@
+lib/

.prettierrc

@@ -0,0 +1,22 @@
+{
+  "singleQuote": true,
+  "printWidth": 100,
+  "semi": true,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "overrides": [
+    {
+      "files": [
+        "babel-preset.js",
+        "**/preinstall.js",
+        "**/postinstall.js",
+        "**/fixReactTypeDefinition.js",
+        ".babelrc.js"
+      ],
+      "options": {
+        "trailingComma": "es5"
+      }
+    }
+  ]
+}

example/js/ExamplePicker.js

@@ -1,9 +1,6 @@
 /* eslint-disable global-require */
 import React from 'react';
-import {
-  Picker,
-  Platform,
-} from 'react-native';
+import { Picker, Platform } from 'react-native';
 import PropTypes from 'prop-types';
 
 const propTypes = {
@@ -25,13 +22,9 @@ export default class ExamplePicker extends React.Component {
           }),
         }}
       >
-        {Object.keys(this.props.examples).map(name => this.props.examples[name]).map(ex => (
-          <Picker.Item
-            key={ex.name}
-            label={ex.name}
-            value={ex.name}
-          />
-        ))}
+        {Object.keys(this.props.examples)
+          .map(name => this.props.examples[name])
+          .map(ex => <Picker.Item key={ex.name} label={ex.name} value={ex.name} />)}
       </Picker>
     );
   }