elyby / eslint-plugin

Shareable ESLint config for the Ely.by's projects

Ely.by ESLint rules

Set of ESLint rules used in development of Ely.by JS projects. Contains rules for pure JS, JSX, ReactJS and TS.

Installation

First of all install Ely.by ESLint plugin and eslint peer dependency via NPM:

npm install @elyby/eslint-plugin eslint --save-dev

Or via yarn:

yarn add -D @elyby/eslint-plugin eslint

Configuration

The configuration is divided into several parts. The base provides only pure js checks. To use it, simply add the plugin:@elyby/base configuration to the extends block:

{
    "extends": [
        "plugin:@elyby/base"
    ]
}

React

The configuration for React requires additional dependencies. Install them first:

# NPM:
npm install eslint-plugin-react eslint-plugin-react-hooks --save-dev
# Yarn:
yarn add -D eslint-plugin-react eslint-plugin-react-hooks

Then add the plugin:@elyby/react configuration to the extends block:

{
    "extends": [
        "plugin:@elyby/base",
        "plugin:@elyby/react"
    ]
}

TypeScript

Configuration for TypeScript also requires additional libraries:

# NPM:
npm install @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev
# Yarn:
yarn add -D @typescript-eslint/parser @typescript-eslint/eslint-plugin

Then add the plugin:@elyby/react configuration to the extends block:

{
    "extends": [
        "plugin:@elyby/base",
        "plugin:@elyby/typescript"
    ]
}

You may still wish to override some of our rules, as well as the rest of our eslint configuration settings. For example, you can specify the preferred env for eslint:

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

Using our custom fixers

First of all, you must install Ely.by's ESLint plugin as described in the installation chapter. After that you can enable our custom rules with defining our plugin in plugins section:

{
    "plugins": [
        "@elyby"
    ]
}

After that all custom rules will be available for use.

List of supported rules

• @elyby/jsx-closing-bracket-location: Validate closing bracket location in JSX

License

Ely.by ESLint plugin is licensed under the MIT License.