Awesome Open Source
Awesome Open Source

eslint-config-hardcore

npm code style: prettier

The most strict (yet practical) ESLint config.

Aims to include as many plugins and rules as possible to make your code extremely consistent and robust.

34 plugins. 1049 rules.

Usage

npm install eslint-config-hardcore --save-dev

Available configs:

  • hardcore - base framework-agnostic config
  • hardcore/ts - additional config for TypeScript
  • hardcore/node- additional config for Node.js
  • hardcore/react - additional config for React
  • hardcore/react-testing-library - additional config for React Testing Library
  • hardcore/jest - additional config for Jest
  • hardcore/fp - additional config for functional programming
  • hardcore/ts-for-js - additional config for linting JavaScript with typescript-eslint

Example .eslintrc.json for a React project:

{
  "extends": [
    "hardcore",
    "hardcore/react",
    "hardcore/react-testing-library",
    "hardcore/jest",
    "hardcore/fp"
  ],

  "env": {
    "browser": true
  },

  "overrides": [
    {
      "files": ["server/**/*.js"],
      "extends": ["hardcore/node"],
      "env": {
        "browser": false
      }
    }
  ]
}

Example .eslintrc.json for a TypeScript React project:

{
  "extends": [
    "hardcore",
    "hardcore/react",
    "hardcore/react-testing-library",
    "hardcore/jest",
    "hardcore/fp",
    "hardcore/ts"
  ],

  "parserOptions": {
    "project": "./tsconfig.json"
  },

  "env": {
    "browser": true
  },

  "overrides": [
    {
      "files": ["server/**/*.ts"],
      "extends": ["hardcore/node"],
      "env": {
        "browser": false
      }
    }
  ]
}

Configs

hardcore

Base framework-agnostic config.

Plugin Enabled rules
ESLint core rules 187
eslint-plugin-putout 91
eslint-plugin-prettier 84
eslint-plugin-unicorn 84
eslint-plugin-regexp 69
eslint-plugin-import 34
eslint-plugin-sonarjs 31
HTML ESLint 21
eslint-plugin-promise 12
eslint-plugin-security 11
eslint-plugin-array-func 4
eslint-plugin-eslint-comments 6
eslint-plugin-no-constructor-bind 2
@shopify/eslint-plugin 1
eslint-plugin-no-use-extend-native 1
eslint-plugin-ext 1
eslint-plugin-anti-trojan-source 1
eslint-plugin-json¹ 1
Total: 641

¹ eslint-plugin-json actually includes 19 rules, but I consider them as one "no-invalid-json" rule.

hardcore/ts

Config for TypeScript.

Plugin Enabled rules
typescript-eslint 103
eslint-plugin-etc 10
@shopify/eslint-plugin 3
eslint-plugin-sort-class-members 1
eslint-plugin-no-explicit-type-exports 1
Total: 118

hardcore/node

Config for Node.js.

Plugin Enabled rules
eslint-plugin-node 35
Total: 35

hardcore/react

Config for React.

Plugin Enabled rules
eslint-plugin-react 80
eslint-plugin-jsx-a11y 32
eslint-plugin-react-perf 4
eslint-plugin-react-form-fields 4
@shopify/eslint-plugin 3
eslint-plugin-react-hook-form 3
eslint-plugin-react-hooks 2
Total: 128

hardcore/react-testing-library

Config for React Testing Library.

Plugin Enabled rules
eslint-plugin-testing-library 25
Total: 25

hardcore/jest

Config for Jest.

Plugin Enabled rules
eslint-plugin-jest 47
eslint-plugin-jest-dom 11
eslint-plugin-jest-formatting 7
Total: 65

hardcore/fp

Config for functional programming.

Plugin Enabled rules
eslint-plugin-fp 13
eslint-plugin-ramda 24
Total: 37

hardcore/ts-for-js

Config for linting JavaScript with typescript-eslint.

Plugin Enabled rules
typescript-eslint 27
@shopify/eslint-plugin 2
eslint-plugin-sort-class-members 1
Total: 30

Did you know you can lint JavaScript code with typescript-eslint?

Use this config to take advantage of typescript-eslint's advanced type-aware rules (like @typescript-eslint/naming-convention and @typescript-eslint/prefer-optional-chain) without the need to switch to writing TypeScript.

  1. First, you'll need to create tsconfig.json in the root of your project. You don't have to specify any options, just {} should do it.
  2. Then add hardcore/ts-for-js to the overrides section in your .eslintrc like this:
{
  "extends": ["hardcore"],

  "env": {
    "browser": true
  },

  "overrides": [
    {
      "files": ["*.js"],
      "extends": ["hardcore/ts-for-js"],
      "parserOptions": {
        "project": "./tsconfig.json"
      }
    }
  ]
}

Changelog

License

MIT

Alternatives To Eslint Config Hardcore
Select To Compare


Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,060,850
Typescript (247,062
Plugin (113,829
Eslint (8,292
Prettier (4,360
Eslint Config (973
Code Quality (801
Eslint Plugin (668
Shareable Configs (20
Hardcore (20