# eslint-config-noise-react

> A very Noise ESLint React config indeed

Latest version **0.14.0** (published 2021-01-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install eslint-config-noise-react
pnpm add eslint-config-noise-react
yarn add eslint-config-noise-react
bun add eslint-config-noise-react
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.14.0 |
| Published | 2021-01-12 |
| First published | 2019-12-30 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | ^10 \|\| ^12 \|\| ^14 |
| Dependencies | 6 |
| Unpacked size | 33.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | Dieter Luypaert |
| Maintainers | moeriki |
| Keywords | eslint, eslintconfig, eslint-config, eslintplugin, eslint-plugin, linter, lint, react, style |

## Links

- npm: https://www.npmjs.com/package/eslint-config-noise-react
- Repository: https://github.com/Moeriki/eslint-noise
- Homepage: https://github.com/Moeriki/eslint-noise#readme
- Issues: https://github.com/Moeriki/eslint-noise/issues
- npm.io page: https://npm.io/package/eslint-config-noise-react

## Dependencies (6)

- [eslint-noise-utils](https://npm.io/package/eslint-noise-utils.md) ^0.14.0
- [eslint-plugin-react](https://npm.io/package/eslint-plugin-react.md) ^7.21.0
- [eslint-plugin-import](https://npm.io/package/eslint-plugin-import.md) ^2.22.0
- [eslint-config-prettier](https://npm.io/package/eslint-config-prettier.md) ^7.0.0
- [eslint-plugin-jsx-a11y](https://npm.io/package/eslint-plugin-jsx-a11y.md) ^6.4.0
- [eslint-plugin-react-hooks](https://npm.io/package/eslint-plugin-react-hooks.md) ^4.2.0

## Alternatives

- [eslint-plugin-sonarjs](https://npm.io/package/eslint-plugin-sonarjs.md) — 2.9M weekly downloads
- [eslint-config-expo](https://npm.io/package/eslint-config-expo.md) — 1.5M weekly downloads
- [@matter/protocol](https://npm.io/package/@matter/protocol.md) — 63.5K weekly downloads
- [@eventcatalog/linter](https://npm.io/package/@eventcatalog/linter.md) — 24.8K weekly downloads
- [@pandacss/eslint-plugin](https://npm.io/package/@pandacss/eslint-plugin.md) — 18.7K weekly downloads

## Recent versions

- 0.14.0 (latest) — 2021-01-12
- 0.13.0 — 2020-12-29
- 0.12.0 — 2020-12-21
- 0.11.0 — 2020-12-16
- 0.10.1 — 2020-10-27
- 0.10.0 — 2020-10-20
- 0.9.0 — 2020-10-19
- 0.8.0 — 2020-09-22
- 0.7.0 — 2020-09-15
- 0.6.0 — 2020-08-24
- 0.5.0 — 2020-08-21
- 0.4.0 — 2020-08-19
- 0.3.0 — 2020-07-20
- 0.2.0 — 2020-06-24
- 0.1.0 — 2020-06-19
- … 20 more at https://npm.io/package/eslint-config-noise-react/versions

## README

# ESLint Config Noise Node

[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

An opinionated [ESLint](https://github.com/eslint/eslint) config based on the [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript) for Node.js development.

## Plugins

Includes these plugins.

- [eslint-plugin-import](https://github.com/benmosher/eslint-plugin-import)
- [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier)
- [eslint-plugin-promise](https://github.com/xjamundx/eslint-plugin-promise)
- [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react)
- [eslint-plugin-react-hooks](https://github.com/facebook/react/tree/master/packages/eslint-plugin-react-hooks)
- [eslint-plugin-unicorn](https://github.com/sindresorhus/eslint-plugin-unicorn)

## Install

```sh
npm install --save-dev eslint eslint-config-noise-react
npx install-peerdeps --dev eslint-config-noise-react
```

## Configure

There are many ways to [configure ESLint in the official documentation](https://eslint.org/docs/user-guide/configuring).

_.eslintrc_

```json
{ "extends": ["eslint-config-noise-node"], "root": true };
```

### Components / attributes / labels

Some rules depend on proper configuration. Make sure to configure these when you wrap relevant DOM elements.

Eg. with Gatsby and Next.js you'd use a `Link` component instead of an `a` element.

_.eslintrc.js_

```js
const { extendRules } = require('eslint-noise-utils');
const { pluginJsxA11y } = require('eslint-config-noise-react/rules');
module.exports = {
  rules: extendRules(pluginJsxA11y, {
    'jsx-a11y/anchor-has-content': { components: ['Link'] },
    'jsx-a11y/anchor-is-valid': { components: ['Link'], specialLink: ['to'] },
    'jsx-a11y/control-has-associated-label': {
      controlComponents: [],
      labelAttributes: ['label'],
    },
    'jsx-a11y/heading-has-content': { components: [] },
    'jsx-a11y/img-redundant-alt': { components: ['Image'] },
    'jsx-a11y/interactive-supports-focus': { tabbable: [] },
    'jsx-a11y/label-has-associated-control': {
      controlComponents: [],
      labelAttributes: [],
      labelComponents: [],
    },
    'jsx-a11y/media-has-caption': { audio: [], track: [], video: [] },
  }),
};
```

---
_Source: https://npm.io/package/eslint-config-noise-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._