@djthoms/eslint-config NPM

@djthoms/eslint-config

My eslint config settings.

Usage

npm i eslint prettier @djthoms/eslint-config --save-dev

Plugins

eslint-config-prettier
eslint-plugin-flowtype
eslint-plugin-import
eslint-plugin-jsx-a11y
eslint-plugin-prettier
eslint-plugin-react
eslint-plugin-react-hooks
eslint-plugin-jest
eslint-plugin-testing-library
eslint-plugin-security
eslint-plugin-vitest
eslint-plugin-solid

Parsers

@babel/eslint-parser
@typescript-eslint/parser

Sample usage with typescript + react

module.exports = {
  env: {
    browser: true,
    node: true,
    jest: true,
    es6: true,
  },
  extends: [
    "@djthoms/eslint-config",
    "@djthoms/eslint-config/react",
    "@djthoms/eslint-config/react-typescript",
    "@djthoms/eslint-config/typescript",
  ],
};

Run through CLI:

npx eslint src/**/*.{ts,tsx}

Sample usage using flow + react

module.exports = {
  env: {
    browser: true,
    node: true,
    jest: true,
    es6: true,
  },
  extends: [
    "@djthoms/eslint-config",
    "@djthoms/eslint-config/esmodules",
    "@djthoms/eslint-config/react",
    "@djthoms/eslint-config/flow",
  ],
};

Run through CLI:

npx eslint 'src/**/*.{js,jsx}'

Available Configurations

This package comes with several configurations. They're detailed below:

Export	Description
`@djthoms/eslint-config`	Main export form the package. This sets up eslint with the recommended config and prettier
`@djthoms/eslint-config/esmodules`	Sets @babel/eslint-parser as the parser, es6 env, modules, and the ecmaVersion to 2018
`@djthoms/eslint-config/jest`	A generic config for writing jest tests with testing-library
`@djthoms/eslint-config/react`	A generic config for react projects that combines multiple react eslint plugins for accessibility, JSX, and more. Use with esmodules or typescript, but not both
`@djthoms/eslint-config/react-typescript`	React `.tsx` overrides
`@djthoms/eslint-config/flow`	A generic flow config that can be used with or without React
`@djthoms/eslint-config/typescript`	A generic typescript config that sets up `@typescript-eslint/parser` as the parser and can be used with or without React
`@djthoms/eslint-config/vitest`	A generic vitest config
`@djthoms/eslint-config/solid`	A config that works with solid.js