@tophat/eslint-config

@tophat/eslint-config

:shark: Top Hat's shareable eslint configuration

Usage

The default config includes the following:

• A set of base eslint rules for all JavaScript/TypeScript projects
• Rules for React apps
• Rules for Jest tests
• Rules for web apps

Extend the default config by first installing all the required dependencies:

yarn add --dev \
    @tophat/eslint-config \
    eslint \
    prettier \
    eslint-config-prettier \
    eslint-plugin-prettier \
    eslint-plugin-react \
    eslint-plugin-react-hooks \
    eslint-plugin-jsx-a11y \
    eslint-plugin-jest \
    eslint-plugin-import \
    eslint-import-resolver-typescript \
    @typescript-eslint/eslint-plugin \
    @typescript-eslint/parser \
    @tophat/eslint-import-resolver-require

or

npm install --save-dev # etc ...

Then update your eslint config (for example, .eslintrc.js):

module.exports = {
    extends: '@tophat'
}

Note: @tophat/eslint-import-resolver-require is an optional peer dependency and helps with Yarn Berry projects.

Note that Typescript is required.

Picking and choosing certain configs

You can extend each of the configs separately by specifying them in your eslint config:

module.exports = {
    extends: [
        // Pick and choose from the following list of configs
        '@tophat/eslint-config/base',
        '@tophat/eslint-config/react',
        '@tophat/eslint-config/jest',
        '@tophat/eslint-config/web',
    ]
}

Peer dependencies per config

Each config requires certain peer dependencies:

• base: eslint, prettier, eslint-config-prettier, eslint-plugin-import, eslint-plugin-prettier
• react: eslint-plugin-react, eslint-plugin-react-hooks, eslint-plugin-jsx-a11y
• jest: eslint-plugin-jest
• web: (none)

You only have to install the dependencies for the configs which you are using.

Upgrading this package

See the CHANGELOG.

Making changes to this package

See the CONTRIBUTING guide.