Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/ivangabriele/eslint-config

My ESLint Configurations.
https://github.com/ivangabriele/eslint-config
config configuration eslint javascript react shareable shareable-configs typescript
Last synced: about 13 hours ago
JSON representation
My ESLint Configurations.
Host: GitHub
URL: https://github.com/ivangabriele/eslint-config
Owner: ivangabriele
License: mit
Created: 2021-07-28T21:08:49.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2024-05-28T07:39:13.000Z (4 months ago)
Last Synced: 2024-05-29T19:35:54.528Z (4 months ago)
Topics: config, configuration, eslint, javascript, react, shareable, shareable-configs, typescript
Language: JavaScript
Homepage:
Size: 2.71 MB
Stars: 1
Watchers: 2
Forks: 0
Open Issues: 9
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project

README

        # My ESLint Configurations

[![img-license]][lnk-license] [![img-github]][lnk-github]

My most commonly used ESLint configurations.

---

- [Usage](#usage)

  - [Javascript (without React)](#javascript-without-react)

  - [Javascript with React](#javascript-with-react)

  - [Typescript (without React)](#typescript-without-react)

  - [Typescript with React](#typescript-with-react)

  - [Typescript with Next.js](#typescript-with-nextjs)

  - [With Yarn Plug'n'Play](#with-yarn-plugnplay)

    - [Visual Studio Code](#visual-studio-code)

- [Contribute](#contribute)

---

## Usage

### Javascript (without React)

[![img-npm-base]][lnk-npm-base]

```sh

npm i -DE @ivangabriele/eslint-config-base \

  @ivangabriele/prettier-config \

  eslint-config-airbnb-base \

  eslint-config-airbnb-base \

  eslint-config-prettier \

  eslint-plugin-import \

  eslint-plugin-jest \

  eslint-plugin-no-null \

  eslint-plugin-prettier \

  eslint-plugin-sort-destructure-keys \

  eslint-plugin-sort-keys-fix \

  prettier

```

or:

```sh

yarn add -DE @ivangabriele/eslint-config-base \

  @ivangabriele/prettier-config \

  eslint-config-airbnb-base \

  eslint-config-airbnb-base \

  eslint-config-prettier \

  eslint-plugin-import \

  eslint-plugin-jest \

  eslint-plugin-no-null \

  eslint-plugin-prettier \

  eslint-plugin-sort-destructure-keys \

  eslint-plugin-sort-keys-fix \

  prettier

```

Then extend it in your `.eslintrc`:

```json

{

  "extends": "@ivangabriele/eslint-config-base"

}

```

And add this line to your `package.json`:

```json

{

  // ...

  "prettier": "@ivangabriele/prettier-config"

}

```

### Javascript with React

[![img-npm-react]][lnk-npm-react]

```sh

npm i -DE @ivangabriele/eslint-config-react \

  @ivangabriele/prettier-config \

  eslint \

  eslint-config-airbnb \

  eslint-config-prettier \

  eslint-plugin-import \

  eslint-plugin-jest \

  eslint-plugin-jsx-a11y \

  eslint-plugin-no-null \

  eslint-plugin-prettier \

  eslint-plugin-react \

  eslint-plugin-react-hooks \

  eslint-plugin-sort-destructure-keys \

  eslint-plugin-sort-keys-fix \

  prettier

```

or:

```sh

yarn add -DE @ivangabriele/eslint-config-react \

  @ivangabriele/prettier-config \

  eslint \

  eslint-config-airbnb \

  eslint-config-prettier \

  eslint-plugin-import \

  eslint-plugin-jest \

  eslint-plugin-jsx-a11y \

  eslint-plugin-no-null \

  eslint-plugin-prettier \

  eslint-plugin-react \

  eslint-plugin-react-hooks \

  eslint-plugin-sort-destructure-keys \

  eslint-plugin-sort-keys-fix \

  prettier

```

Then extend it in your `.eslintrc`:

```json

{

  "extends": "@ivangabriele/eslint-config-react"

}

```

And add this line to your `package.json`:

```json

{

  // ...

  "prettier": "@ivangabriele/prettier-config"

}

```

### Typescript (without React)

[![img-npm-typescript-base]][lnk-npm-typescript-base]

```sh

npm i -DE @ivangabriele/eslint-config-typescript-base \

  @ivangabriele/prettier-config \

  @typescript-eslint/eslint-plugin \

  @typescript-eslint/parser \

  eslint \

  eslint-config-airbnb \

  eslint-config-airbnb-typescript \

  eslint-config-prettier \

  eslint-plugin-import \

  eslint-plugin-jest \

  eslint-plugin-no-null \

  eslint-plugin-prettier \

  eslint-plugin-sort-destructure-keys \

  eslint-plugin-sort-keys-fix \

  eslint-plugin-typescript-sort-keys \

  prettier \

  typescript

```

or:

```sh

yarn add -DE @ivangabriele/eslint-config-typescript-base \

  @ivangabriele/prettier-config \

  @typescript-eslint/eslint-plugin \

  @typescript-eslint/parser \

  eslint \

  eslint-config-airbnb \

  eslint-config-airbnb-typescript \

  eslint-config-prettier \

  eslint-plugin-import \

  eslint-plugin-jest \

  eslint-plugin-no-null \

  eslint-plugin-prettier \

  eslint-plugin-sort-destructure-keys \

  eslint-plugin-sort-keys-fix \

  eslint-plugin-typescript-sort-keys \

  prettier \

  typescript

```

Then extend it in your `.eslintrc`:

```json

{

  "extends": "@ivangabriele/eslint-config-typescript-base",

  "parserOptions": {

    "project": "./tsconfig.json"

  }

}

```

And add this line to your `package.json`:

```json

{

  // ...

  "prettier": "@ivangabriele/prettier-config"

}

```

### Typescript with React

[![img-npm-typescript-react]][lnk-npm-typescript-react]

```sh

npm i -DE @ivangabriele/eslint-config-typescript-react \

  @ivangabriele/prettier-config \

  @typescript-eslint/eslint-plugin \

  @typescript-eslint/parser \

  eslint \

  eslint-config-airbnb \

  eslint-config-airbnb-typescript \

  eslint-config-prettier \

  eslint-plugin-import \

  eslint-plugin-jest \

  eslint-plugin-jsx-a11y \

  eslint-plugin-no-null \

  eslint-plugin-prettier \

  eslint-plugin-react \

  eslint-plugin-react-hooks \

  eslint-plugin-sort-destructure-keys \

  eslint-plugin-sort-keys-fix \

  eslint-plugin-typescript-sort-keys \

  prettier \

  typescript

```

or:

```sh

yarn add -DE @ivangabriele/eslint-config-typescript-react \

  @ivangabriele/prettier-config \

  @typescript-eslint/eslint-plugin \

  @typescript-eslint/parser \

  eslint \

  eslint-config-airbnb \

  eslint-config-airbnb-typescript \

  eslint-config-prettier \

  eslint-plugin-import \

  eslint-plugin-jest \

  eslint-plugin-jsx-a11y \

  eslint-plugin-no-null \

  eslint-plugin-prettier \

  eslint-plugin-react \

  eslint-plugin-react-hooks \

  eslint-plugin-sort-destructure-keys \

  eslint-plugin-sort-keys-fix \

  eslint-plugin-typescript-sort-keys \

  prettier \

  typescript

```

Then extend it in your `.eslintrc`:

```json

{

  "extends": "@ivangabriele/eslint-config-typescript-react",

  "parserOptions": {

    "project": "./tsconfig.json"

  }

}

```

And add this line to your `package.json`:

```json

{

  // ...

  "prettier": "@ivangabriele/prettier-config"

}

```

### Typescript with Next.js

[![img-npm-typescript-next]][lnk-npm-typescript-next]

```sh

npm i -DE @ivangabriele/eslint-config-typescript-next \

  @ivangabriele/prettier-config \

  @next/eslint-plugin-next \

  @typescript-eslint/eslint-plugin \

  @typescript-eslint/parser \

  eslint \

  eslint-config-airbnb \

  eslint-config-airbnb-typescript \

  eslint-config-next \

  eslint-config-prettier \

  eslint-plugin-import \

  eslint-plugin-jest \

  eslint-plugin-jsx-a11y \

  eslint-plugin-no-null \

  eslint-plugin-prettier \

  eslint-plugin-react \

  eslint-plugin-react-hooks \

  eslint-plugin-sort-destructure-keys \

  eslint-plugin-sort-keys-fix \

  eslint-plugin-typescript-sort-keys \

  prettier \

  typescript

```

or:

```sh

yarn add -DE @ivangabriele/eslint-config-typescript-next \

  @ivangabriele/prettier-config \

  @next/eslint-plugin-next \

  @typescript-eslint/eslint-plugin \

  @typescript-eslint/parser \

  eslint \

  eslint-config-airbnb \

  eslint-config-airbnb-typescript \

  eslint-config-next \

  eslint-config-prettier \

  eslint-plugin-import \

  eslint-plugin-jest \

  eslint-plugin-jsx-a11y \

  eslint-plugin-no-null \

  eslint-plugin-prettier \

  eslint-plugin-react \

  eslint-plugin-react-hooks \

  eslint-plugin-sort-destructure-keys \

  eslint-plugin-sort-keys-fix \

  eslint-plugin-typescript-sort-keys \

  prettier \

  typescript

```

Then extend it in your `.eslintrc`:

```json

{

  "extends": "@ivangabriele/eslint-config-typescript-next",

  "parserOptions": {

    "project": "./tsconfig.json"

  }

}

```

And add this line to your `package.json`:

```json

{

  // ...

  "prettier": "@ivangabriele/prettier-config"

}

```

### With Yarn Plug'n'Play

#### Visual Studio Code

```sh

yarn dlx @yarnpkg/sdks vscode

```

## Contribute

Please refer to the [contribution guidelines](./CONTRIBUTING.md) for information on how to contribute to this project.

---

[img-github]:

  https://img.shields.io/github/actions/workflow/status/ivangabriele/eslint-config/check.yml?branch=main&style=for-the-badge

[img-license]: https://img.shields.io/github/license/ivangabriele/eslint-config?style=for-the-badge

[img-npm-base]: https://img.shields.io/npm/v/@ivangabriele/eslint-config-base?style=for-the-badge

[img-npm-react]: https://img.shields.io/npm/v/@ivangabriele/eslint-config-react?style=for-the-badge

[img-npm-typescript-base]: https://img.shields.io/npm/v/@ivangabriele/eslint-config-typescript-base?style=for-the-badge

[img-npm-typescript-next]: https://img.shields.io/npm/v/@ivangabriele/eslint-config-typescript-next?style=for-the-badge

[img-npm-typescript-react]:

  https://img.shields.io/npm/v/@ivangabriele/eslint-config-typescript-react?style=for-the-badge

[lnk-github]: https://github.com/ivangabriele/eslint-config/actions?query=branch%3Amain++

[lnk-license]: https://github.com/ivangabriele/eslint-config/blob/main/LICENSE

[lnk-npm-base]: https://www.npmjs.com/package/@ivangabriele/eslint-config-base

[lnk-npm-react]: https://www.npmjs.com/package/@ivangabriele/eslint-config-react

[lnk-npm-typescript-base]: https://www.npmjs.com/package/@ivangabriele/eslint-config-typescript-base

[lnk-npm-typescript-next]: https://www.npmjs.com/package/@ivangabriele/eslint-config-typescript-next

[lnk-npm-typescript-react]: https://www.npmjs.com/package/@ivangabriele/eslint-config-typescript-react