Recommended Linters
Tags: javascript, react, eslint, webdev
Published: 2024-02-03 15:55:33

# Recommended Linters

## JS, TS, React Ecosystem

- [@runespoorstack/eslint-config](https://www.npmjs.com/package/@runespoorstack/eslint-config) - Battle tested, ready for production set of Runespoor ESlint configs.
- [@typescript-eslint/parser](https://www.npmjs.com/package/@typescript-eslint/parser) - An ESLint parser which leverages TypeScript ESTree to allow for ESLint to lint TypeScript source code.
- [@typescript-eslint/eslint-plugin](https://www.npmjs.com/package/@typescript-eslint/eslint-plugin) - An ESLint plugin which provides lint rules for TypeScript codebases.
- [eslint-config-airbnb-base](https://www.npmjs.com/package/eslint-config-airbnb-base) - This package provides Airbnb's base JS .eslintrc (without React plugins) as an extensible shared config.
- [eslint-config-airbnb](https://www.npmjs.com/package/eslint-config-airbnb) - This package provides Airbnb's .eslintrc as an extensible shared config.
- [eslint-plugin-react](https://www.npmjs.com/package/eslint-plugin-react) - React specific linting rules for eslint.
- [eslint-plugin-react-hooks](https://www.npmjs.com/package/eslint-plugin-react-hooks) - This ESLint plugin enforces the Rules of Hooks.
- [prettier](https://github.com/prettier/prettier) - Prettier is an opinionated code formatter.
- [eslint-config-prettier](https://www.npmjs.com/package/eslint-config-prettier) - Turns off all rules that are unnecessary or might conflict with Prettier.
- [eslint-plugin-prettier](https://www.npmjs.com/package/eslint-plugin-prettier) - Runs Prettier as an ESLint rule and reports differences as individual ESLint issues.
- [eslint-plugin-import](https://www.npmjs.com/package/eslint-plugin-import) - This plugin intends to support linting of ES2015+ (ES6+) import/export syntax, and prevent issues with misspelling of file paths and import names.
- [eslint-plugin-simple-import-sort](https://www.npmjs.com/package/eslint-plugin-simple-import-sort) - Easy autofixable import sorting.
- [eslint-import-resolver-custom-alias](https://www.npmjs.com/package/eslint-import-resolver-custom-alias) - This plugin will help you configure eslint-plugin-import to allow customized alias and extensions.
- [eslint-plugin-jest](https://www.npmjs.com/package/eslint-plugin-jest) - ESLint plugin for Jest.
- [eslint-plugin-jest-formatting](https://www.npmjs.com/package/eslint-plugin-jest-formatting) - This package provides ESLint rules for jest test suites.
- [eslint-plugin-testing-library](https://www.npmjs.com/package/eslint-plugin-testing-library) - ESLint plugin to follow best practices and anticipate common mistakes when writing tests with Testing Library.
- [eslint-plugin-jsx-a11y](https://www.npmjs.com/package/eslint-plugin-jsx-a11y) - Static AST checker for accessibility rules on JSX elements.
- [eslint-plugin-storybook](https://www.npmjs.com/package/eslint-plugin-storybook) - Best practice rules for Storybook.
- [eslint-plugin-tailwindcss](https://www.npmjs.com/package/eslint-plugin-tailwindcss) - Rules enforcing best practices and consistency using Tailwind CSS.
- [eslint-plugin-jsdoc](https://www.npmjs.com/package/eslint-plugin-jsdoc) - JSDoc linting rules for ESLint.
- [eslint-plugin-unicorn](https://github.com/sindresorhus/eslint-plugin-unicorn) - More than 100 powerful ESLint rules.
- [eslint-plugin-query](https://www.npmjs.com/package/@tanstack/eslint-plugin-query) - TanStack Query comes with its own ESLint plugin. This plugin is used to enforce best practices and to help you avoid common mistakes.

## Markdown

- [markdownlint](https://github.com/DavidAnson/markdownlint) - A Node.js style checker and lint tool for Markdown/CommonMark files.
- [eslint-mdx](https://github.com/mdx-js/eslint-mdx) - ESLint Parser/Plugin for MDX.

## Alternatives

- [biome](https://www.npmjs.com/package/@biomejs/biome) - Biome is a performant toolchain for web projects, it aims to provide developer tools to maintain the health of said projects.
- [oxlint](https://www.npmjs.com/package/oxlint) - The Oxidation Compiler is creating a suite of high-performance tools for JavaScript and TypeScript.