eslint-config-welly

eslint-config-welly

ESlint configuration for my personal React projects, which integrates TypeScript, Prettier, and more.

Installation

This package is distributed via npm, it requires eslint, typescript, and prettier.

Install the correct versions of each package, which are listed by the command:

npm info "eslint-config-welly@latest" peerDependencies

If using npm 5+, use this shortcut:

npx install-peerdeps --dev eslint-config-welly

Or install each package by yourself:

npm install --save-dev eslint-config-welly eslint@^x.x.x prettier@^x.x.x typescript@^x.x.x
# or
yarn add --dev eslint-config-welly eslint@^x.x.x prettier@^x.x.x typescript@^x.x.x

Usage

Then add the extends to your .eslintrc.js:

module.exports = {
  extends: "welly",
  rules: {
    // your overrides
  },
};

What's Inside?

This configuration contains the following cool packages.

Package	Description
typescript-eslint	Monorepo for all the tooling which enables ESLint to support TypeScript.
eslint-config-airbnb	This package provides Airbnb's .eslintrc as an extensible shared config.
eslint-plugin-react	React specific linting rules for ESLint.
eslint-plugin-react-hooks	This ESLint plugin enforces the Rules of Hooks.
eslint-plugin-import	Static AST checker for a11y rules on JSX elements.
eslint-plugin-jsx-a11y	ESLint plugin with rules that help validate proper imports.
eslint-plugin-prettier	ESLint plugin for Prettier formatting.
eslint-plugin-compat	Lint the browser compatibility of your code.
eslint-plugin-emotion	ESLint rules for emotion.
eslint-plugin-jest	ESLint plugin for Jest.
eslint-plugin-testing-library	ESLint plugin for Testing Library.