eslint-config-react-important-stuff

3.0.0 verified Sat Apr 25 auth: no javascript

An ESLint shareable config focused on React bugs and JSX accessibility, excluding styling rules. Stable version 3.0.0. Maintained actively with periodic updates. Differentiates from other configs (e.g., eslint-config-react-app) by being minimal and non-opinionated about code style. Requires ESLint and React plugin peer dependencies.

Common errors

error Error: Failed to load plugin 'react' declared in 'react-important-stuff' ↓

cause Missing peer dependency eslint-plugin-react

fix

npm install --save-dev eslint-plugin-react

error Error: Failed to load parser 'babel-eslint' ↓

cause babel-eslint not installed but config expects it (pre-v2 behavior)

fix

npm install --save-dev @babel/eslint-parser or specify a different parser

Warnings

breaking Upgraded eslint-plugin-react-hooks from v2 to v4 in v3.0.0 ↓

fix Review React Hooks ESLint plugin changelog for new rules or changed behavior.

deprecated babel-eslint is no longer assumed as parser since v2.0.0 ↓

fix If you need babel-eslint, set parser in your ESLint config.

gotcha This config does not include any formatting or style rules; use Prettier or a different config ↓

fix Install a separate config like eslint-plugin-prettier for styling.

Install

npm install eslint-config-react-important-stuff

yarn add eslint-config-react-important-stuff

pnpm add eslint-config-react-important-stuff

Imports

Config

wrong

extends: ['eslint-config-react-important-stuff']

correct

extends: ['react-important-stuff']

ESLint automatically resolves the 'eslint-config-' prefix.

Config with parser

wrong

extends: ['react-important-stuff'] (without specifying parser)

correct

extends: ['react-important-stuff'], parser: 'babel-eslint'

Since v2, babel-eslint is not assumed; you must specify it if needed.

Config (CommonJS)
```
module.exports = { extends: ['react-important-stuff'] }
```
Works with both .eslintrc.js and .eslintrc.json.

Quickstart

Install the config and apply it in your ESLint configuration file.

npm install --save-dev eslint-config-react-important-stuff
# Then in .eslintrc.json:
{
  "extends": [
    "react-important-stuff"
  ]
}