Plugins
The plugins are external packages that add extra linting power to ESLint. They provide the actual rules for different ecosystems like React, Next.js, and TypeScript. Without these plugins, the rules cannot run. Each plugin brings its own set of checks to improve code quality and consistency.
| Package | Purpose |
|---|---|
| @stylistic/eslint-plugin | Styling & formatting rules |
| eslint-plugin-import-x | Import/export validation |
| eslint-plugin-n | Node.js best practices |
| eslint-plugin-react | React-specific linting |
| eslint-plugin-react-hooks | Rules of Hooks |
| eslint-plugin-jsx-a11y | Accessibility for JSX |
| @next/eslint-plugin-next | Next.js-specific linting |
| @typescript-eslint | TypeScript linting support |
Example
ts
import { plugins } from 'eslint-config-airbnb-extended';
export default [
// Stylistic plugin
plugins.stylistic,
// TypeScript ESLint plugin
plugins.typescriptEslint,
];