updated to folders in master (#1)

01-eslint-install-run-and-configure-eslint/.eslintrc

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

01-eslint-install-run-and-configure-eslint/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "static-testing-tools",
+  "version": "1.0.0",
+  "description": "",
+  "main": "src/example.js",
+  "scripts": {
+    "lint": "eslint src"
+  },
+  "keywords": [],
+  "author": "Kent C. Dodds <kent@doddsfamily.us> (http://kentcdodds.com/)",
+  "license": "MIT",
+  "devDependencies": {
+    "eslint": "^5.5.0"
+  }
+}

01-eslint-install-run-and-configure-eslint/src/example.js

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

02-lint-javascript-by-configuring-and-running-eslint/.eslintrc

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

02-lint-javascript-by-configuring-and-running-eslint/.gitignore

@@ -0,0 +1 @@
+node_modules

02-lint-javascript-by-configuring-and-running-eslint/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "static-testing-tools",
+  "version": "1.0.0",
+  "description": "",
+  "main": "src/example.js",
+  "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": {
+    "eslint": "^5.5.0",
+    "prettier": "^1.14.2"
+  }
+}

02-lint-javascript-by-configuring-and-running-eslint/src/example.js

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

03-configure-prettier/.eslintrc

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

03-configure-prettier/.gitignore

@@ -0,0 +1 @@
+node_modules

03-configure-prettier/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "static-testing-tools",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "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": {
+    "eslint": "^5.5.0",
+    "prettier": "^1.14.2"
+  }
+}

03-configure-prettier/src/example.js

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

04-use-eslint-config-prettier-to-disable-unnecessary-eslint-stylistic-rules/.eslintrc

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

04-use-eslint-config-prettier-to-disable-unnecessary-eslint-stylistic-rules/.gitignore

@@ -0,0 +1 @@
+node_modules

04-use-eslint-config-prettier-to-disable-unnecessary-eslint-stylistic-rules/.prettierignore

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

04-use-eslint-config-prettier-to-disable-unnecessary-eslint-stylistic-rules/.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
+}

04-use-eslint-config-prettier-to-disable-unnecessary-eslint-stylistic-rules/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "static-testing-tools",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "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": {
+    "eslint": "^5.5.0",
+    "eslint-config-prettier": "^3.0.1",
+    "prettier": "^1.14.2"
+  }
+}

04-use-eslint-config-prettier-to-disable-unnecessary-eslint-stylistic-rules/src/example.js

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

05-validate-all-files-are-formatted-when-linting/.eslintrc

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

05-validate-all-files-are-formatted-when-linting/.gitignore

@@ -0,0 +1 @@
+node_modules

05-validate-all-files-are-formatted-when-linting/.prettierignore

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

05-validate-all-files-are-formatted-when-linting/.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
+}

05-validate-all-files-are-formatted-when-linting/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "static-testing-tools",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "lint": "eslint src",
+    "format": "npm run prettier -- --write",
+    "prettier": "prettier \"**/*.+(js|jsx|json|yml|yaml|css|less|scss|ts|tsx|md|graphql|mdx)\"",
+    "validate": "npm run lint && npm run prettier -- --list-different"
+  },
+  "keywords": [],
+  "author": "Kent C. Dodds <kent@doddsfamily.us> (http://kentcdodds.com/)",
+  "license": "MIT",
+  "devDependencies": {
+    "eslint": "^5.5.0",
+    "eslint-config-prettier": "^3.0.1",
+    "prettier": "^1.14.2"
+  }
+}

05-validate-all-files-are-formatted-when-linting/src/example.js

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

06-install-run-and-configure-flow/.gitignore

@@ -0,0 +1 @@
+node_modules

06-install-run-and-configure-flow/.prettierignore

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

06-install-run-and-configure-flow/.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
+}

07-run-the-validate-script-in-a-pre-commit-git-hook-with-husky/.eslintrc

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

07-run-the-validate-script-in-a-pre-commit-git-hook-with-husky/.flowconfig

@@ -0,0 +1,11 @@
+[ignore]
+
+[include]
+
+[libs]
+
+[lints]
+
+[options]
+
+[strict]

07-run-the-validate-script-in-a-pre-commit-git-hook-with-husky/.gitignore

@@ -0,0 +1 @@
+node_modules

07-run-the-validate-script-in-a-pre-commit-git-hook-with-husky/.prettierignore

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

07-run-the-validate-script-in-a-pre-commit-git-hook-with-husky/.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
+}

07-run-the-validate-script-in-a-pre-commit-git-hook-with-husky/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "static-testing-tools",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "lint": "eslint src",
+    "flow": "flow",
+    "format": "npm run prettier -- --write",
+    "prettier": "prettier \"**/*.+(js|jsx|json|yml|yaml|css|less|scss|ts|tsx|md|graphql|mdx)\"",
+    "validate": "npm run lint && npm run prettier -- --list-different && npm run flow",
+    "precommit": "npm run validate"
+  },
+  "keywords": [],
+  "author": "Kent C. Dodds <kent@doddsfamily.us> (http://kentcdodds.com/)",
+  "license": "MIT",
+  "devDependencies": {
+    "babel-eslint": "^9.0.0",
+    "eslint": "^5.5.0",
+    "eslint-config-prettier": "^3.0.1",
+    "flow-bin": "^0.81.0",
+    "husky": "^0.14.3",
+    "prettier": "^1.14.2"
+  }
+}

07-run-the-validate-script-in-a-pre-commit-git-hook-with-husky/src/example.js

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

07-run-the-validate-script-in-a-pre-commit-git-hook-with-husky/src/flow-example.js

@@ -0,0 +1,22 @@
+// @flow
+function add(a: number, b: number): number {
+  return a + b
+}
+
+type User = {
+  name: {
+    first: string,
+    middle: string,
+    last: string,
+  },
+}
+function getFullName(user: User): string {
+  const {
+    name: {first, middle, last},
+  } = user
+  return [first, middle, last].filter(Boolean).join('')
+}
+
+add(1, 2)
+
+getFullName({name: {first: 'Joe', middle: 'Bud', last: 'Matthews'}})

08-auto-format-all-files-and-validate-relevant-files-in-a-precommit-script-with-lint-staged/.eslintrc

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

08-auto-format-all-files-and-validate-relevant-files-in-a-precommit-script-with-lint-staged/.flowconfig

@@ -0,0 +1,11 @@
+[ignore]
+
+[include]
+
+[libs]
+
+[lints]
+
+[options]
+
+[strict]

08-auto-format-all-files-and-validate-relevant-files-in-a-precommit-script-with-lint-staged/.gitignore

@@ -0,0 +1 @@
+node_modules

08-auto-format-all-files-and-validate-relevant-files-in-a-precommit-script-with-lint-staged/.lintstagedrc

@@ -0,0 +1,11 @@
+{
+  "linters": {
+    "*.js": [
+      "eslint"
+    ],
+    "*.+(js|jsx|json|yml|yaml|css|less|scss|ts|tsx|md|graphql|mdx)": [
+      "prettier --write",
+      "git add"
+    ]
+  }
+}

08-auto-format-all-files-and-validate-relevant-files-in-a-precommit-script-with-lint-staged/.prettierignore

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

08-auto-format-all-files-and-validate-relevant-files-in-a-precommit-script-with-lint-staged/.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
+}

08-auto-format-all-files-and-validate-relevant-files-in-a-precommit-script-with-lint-staged/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "static-testing-tools",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "lint": "eslint src",
+    "flow": "flow",
+    "format": "npm run prettier -- --write",
+    "prettier": "prettier \"**/*.+(js|jsx|json|yml|yaml|css|less|scss|ts|tsx|md|graphql|mdx)\"",
+    "validate": "npm run lint && npm run prettier -- --list-different && npm run flow",
+    "precommit": "lint-staged && npm run flow"
+  },
+  "keywords": [],
+  "author": "Kent C. Dodds <kent@doddsfamily.us> (http://kentcdodds.com/)",
+  "license": "MIT",
+  "devDependencies": {
+    "babel-eslint": "^9.0.0",
+    "eslint": "^5.5.0",
+    "eslint-config-prettier": "^3.0.1",
+    "flow-bin": "^0.81.0",
+    "husky": "^0.14.3",
+    "lint-staged": "^7.2.2",
+    "prettier": "^1.14.2"
+  }
+}

08-auto-format-all-files-and-validate-relevant-files-in-a-precommit-script-with-lint-staged/src/example.js

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

08-auto-format-all-files-and-validate-relevant-files-in-a-precommit-script-with-lint-staged/src/flow-example.js

@@ -0,0 +1,22 @@
+// @flow
+function add(a: number, b: number): number {
+  return a + b
+}
+
+type User = {
+  name: {
+    first: string,
+    middle: string,
+    last: string,
+  },
+}
+function getFullName(user: User): string {
+  const {
+    name: {first, middle, last},
+  } = user
+  return [first, middle, last].filter(Boolean).join('')
+}
+
+add(1, 2)
+
+getFullName({name: {first: 'Joe', middle: 'Bud', last: 'Matthews'}})