Eslint-config-himynameisdave NPM

You will also need to install a parser, additional plugins, and (optionally) a formatter. See more below.

Configurations

This package exports a few different configurations which you can use in your project. Each configuration requires you to install various plugins.

all-dressed

The All Dressed config has everything on. Use with caution. Install all dependencies like so:

Yarn

yarn add -D \
    eslint \
    eslint-plugin-filenames \
    eslint-plugin-import \
    eslint-plugin-jest \
    eslint-plugin-jsx-a11y \
    eslint-plugin-promise \
    eslint-plugin-react \
    eslint-plugin-react-hooks
    eslint-plugin-unicorn

NPM

extends: [
    'himynameisdave/configurations/all-dressed'
]

npm install -D eslint eslint-config-himynameisdave

Add this to your `.eslintrc` config file:

{ "extends": "himynameisdave" }

You will also need to install a [parser](#Parser), additional plugins, and (optionally) a formatter. See more below.

### Configurations

This package exports a few different configurations which you can use in your project. Each configuration requires you to install various plugins.


#### all-dressed

The [All Dressed](https://img.buzzfeed.com/buzzfeed-static/static/2015-09/15/14/enhanced/webdr06/anigif_original-grid-image-7412-1442342581-9.gif) config has everything on. Use with caution. Install all dependencies like so:

yarn add -D \ eslint \ eslint-plugin-filenames \ eslint-plugin-import \ eslint-plugin-jest \ eslint-plugin-jsx-a11y \ eslint-plugin-promise \ eslint-plugin-react \ eslint-plugin-react-hooks eslint-plugin-unicorn

Add this to your `.eslintrc` config:

```js
extends: [
    'himynameisdave/configurations/all-dressed/on'
]

babel-node

For Node environments where you're using Babel to transpile stuff.

yarn add -D \
    eslint \
    eslint-plugin-filenames \
    eslint-plugin-import \
    eslint-plugin-jest \
    eslint-plugin-promise \
    eslint-plugin-unicorn

Add this to your .eslintrc config:

extends: [
    'himynameisdave/configurations/babel-node/on'
]

babel-node

For classic Node environments where you're NOT using Babel to transpile stuff.

yarn add -D \
    eslint \
    eslint-plugin-filenames \
    eslint-plugin-import \
    eslint-plugin-jest \
    eslint-plugin-promise \
    eslint-plugin-unicorn

Add this to your .eslintrc config:

extends: [
    'himynameisdave/configurations/node/on'
]

browser

Targets modern React browser environments.

yarn add -D \
    eslint \
    eslint-plugin-filenames \
    eslint-plugin-import \
    eslint-plugin-jest \
    eslint-plugin-jsx-a11y \
    eslint-plugin-promise \
    eslint-plugin-react \
    eslint-plugin-react-hooks
    eslint-plugin-unicorn

Add this to your .eslintrc config:

extends: [
    'himynameisdave/configurations/browser/on'
]

off

Don't like playing by the rules? You can turn it all off with himynameisdave/configurations/off:

extends: [
    'himynameisdave/configurations/off/on'
]

Pretty goofy though, not sure who would use this.

Parser

You'll need to install the babel-eslint parser to use most of the configurations exported by this package (except node).

yarn add -D babel-eslint

npm install -D babel-eslint

What is babel-eslint?

babel-eslint allows you to lint ALL valid Babel code with the fantastic ESLint.
ESLint's default parser and core rules only support the latest final ECMAScript standard and do not support experimental (such as new features) and non-standard (such as Flow or TypeScript types) syntax provided by Babel. babel-eslint is a parser that allows ESLint to run on source code that is transformed by Babel.
Note: You only need to use babel-eslint if you are using Babel to transform your code. If this is not the case, please use the relevant parser for your chosen flavor of ECMAScript (note that the default parser supports all non-experimental syntax as well as JSX).

Note: babel-config expects that you've got a @babel/core and .babelrc (or other config file) in your project. Read more about that here.

Formatter

git-log is a very nice formatter that I'd recommend using in your project. In the lint report in your console, it will display how old the code is and whomst wrote it.

You just need to add the --format flag to your script which you're using, like perhaps in your package.json:

"lint": "eslint --format ./node_modules/eslint-config-himynameisdave/formatters/git-log.js"

Optionally you could just install and configure it yourself:

yarn add -D eslint-formatter-git-log

npm install -D eslint-formatter-git-log

Inspiration

Inspired very heavily by eslint-config-7geese, which was in turn inspired by eslint-config-walmart, eslint-config-formidable, and many others.

Some neat ESLint stuff

eslint-rule-documentation - Tool to find the url for the documentation of an ESLint rule.
eslint-nibble - When you/your team don't have time to fix all the ESLint violations in your codebase, you should just nibble them.
eslint-multiplexer - When you have multiple of the same error in the same file, this groups them in the output.
eslint-plugin-svelte3 - Because Svelte.