config prettier

.eslintrc

@@ -0,0 +1,12 @@
+{
+  "parserOptions": {
+    "ecmaVersion": "2018"
+  },
+  "extends": ["eslint:recommended"],
+  "rules": {
+    "no-console": "off"
+  },
+  "env": {
+    "browser": true
+  }
+}

.prettierignore

@@ -0,0 +1,7 @@
+node_modules
+coverage
+dist
+build
+.build
+
+# etc...

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "arrowParens": "avoid",
+  "bracketSpacing": false,
+  "jsxBracketSameLine": false,
+  "printWidth": 80,
+  "proseWrap": "always",
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "useTabs": false
+}

package.json

@@ -3,9 +3,15 @@
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
-  "scripts": {},
+  "scripts": {
+    "lint": "eslint src",
+    "format": "prettier --write \"**/*.+(js|jsx|json|yml|yaml|css|less|scss|ts|tsx|md|graphql|mdx)\""
+  },
   "keywords": [],
   "author": "Kent C. Dodds <kent@doddsfamily.us> (http://kentcdodds.com/)",
   "license": "MIT",
-  "devDependencies": {}
+  "devDependencies": {
+    "eslint": "^5.5.0",
+    "prettier": "^1.14.2"
+  }
 }

src/example.js

@@ -1,11 +1,11 @@
 const name = 'Freddy'
-typeof name === 'strng'
+typeof name === 'string'
 
-if (!'serviceWorker' in navigator) {
+if (!('serviceWorker' in navigator)) {
   // you have an old browser :-(
 }
 
 const greeting = 'hello'
-console.log('${greting} world!')
+console.log(`${greeting} world!`)
 
-[(1, 2, 3)].forEach(x => console.log(x))
+;[(1, 2, 3)].forEach(x => console.log(x))