Registry / testing / eslint-config-ts-react-important-stuff

eslint-config-ts-react-important-stuff

library3.0.0jsnpmunverified

An ESLint configuration preset for React and TypeScript projects, currently at version 3.0.0 (released 2023). It extends eslint-config-react-important-stuff and disables rules that conflict with TypeScript. It is a lightweight, opinionated set of rules focusing on important React patterns. Compared to alternatives like eslint-config-react-app, it is more minimal and does not include parser or plugin dependencies. Releases are infrequent and tied to upstream changes. The package has a low maintenance cadence.

testing

npm install eslint-config-ts-react-important-stuff

github ↗package ↗

INSTALL

IMPORT

SIG · ESLINT-CONFIG-TS-R

eslint-config-ts-react-important-stuff

testingjavascriptv3.0.0

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

config

✓ { "extends": ["ts-react-important-stuff"] }

✗ { "extends": ["eslint-config-ts-react-important-stuff"] }

Use the shorthand 'ts-react-important-stuff' in ESLint config. The full package name is not needed; ESLint resolves it automatically.

typescript parser

✓ // Not directly exported; ensure you have @typescript-eslint/parser installed

✗ // Attempting to import parser from this package

This config does not provide a parser; you must install @typescript-eslint/parser separately.

overrides

✓ { "extends": ["ts-react-important-stuff"], "overrides": [{ "files": ["*.ts", "*.tsx"], "rules": {} }] }

✗ { "extends": ["ts-react-important-stuff"], "overrides": [{ "files": ["*.ts", "*.tsx"] }] }

Overrides for TypeScript files are typically not needed because the config already targets them, but if you need custom rules, ensure the overrides structure is correct.

Installation and basic ESLint configuration for a TypeScript React project.

npm install --save-dev eslint-config-ts-react-important-stuff @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react eslint-plugin-react-hooks # Then create .eslintrc.json: { "extends": ["ts-react-important-stuff"], "parser": "@typescript-eslint/parser", "parserOptions": { "ecmaFeatures": { "jsx": true }, "ecmaVersion": 2020, "sourceType": "module" } }

Debug

Known issues

breakingv3.0.0 upgraded eslint-config-react-important-stuff, which may include breaking rule changes.

fix

Review the upstream release notes at https://github.com/joeldenning/eslint-config-react-important-stuff/releases/tag/v3.0.0 and adjust your codebase.

affects: >=3.0.0

breakingv2.0.0 no longer assumes babel-eslint parser; you must configure a parser (e.g., @typescript-eslint/parser).

fix

Install @typescript-eslint/parser and add 'parser': '@typescript-eslint/parser' to your ESLint config.

affects: >=2.0.0

gotchaThe config does not include @typescript-eslint/parser or plugins as dependencies; you must install them separately.

fix

In addition to this package, install @typescript-eslint/parser, @typescript-eslint/eslint-plugin, eslint-plugin-react, and eslint-plugin-react-hooks.

affects: >=1.0.0

gotchaMistakenly using the full package name in 'extends' will not work; use 'ts-react-important-stuff'.

fix

Use 'extends': ['ts-react-important-stuff'] (without the 'eslint-config-' prefix).

affects: >=1.0.0

Errors

Common errors & fixes

Error: Failed to load parser '@typescript-eslint/parser'

Missing @typescript-eslint/parser dependency.

fix

Run: npm install --save-dev @typescript-eslint/parser

Error: Cannot find module 'eslint-config-react-important-stuff'

The peer dependency eslint-config-react-important-stuff is not installed.

fix

Run: npm install --save-dev eslint-config-react-important-stuff

Error: Configuration for rule 'react/display-name' is invalid

The rule configuration in the upstream react-important-stuff may have been updated incompatibly.

fix

Check your eslint config and ensure rules are properly formatted; consider adding 'rules': { 'react/display-name': 'warn' } to override.

Upgrade

Version history

3.0.0latest on npm

Audit

Dependencies

eslint-config-react-important-stuffrequiredThis config extends eslint-config-react-important-stuff, which provides the base React ESLint rules.

Agent activity

4 hits · last 30 days

node

Resources

githubhttps://github.com/joeldenning/eslint-config-ts-react-important-stuff ↗

packagehttps://www.npmjs.com/package/eslint-config-ts-react-important-stuff ↗