Because Prettier generally does a better job of formatting than ESLint. This is for three reasons: It's really fast, particularly in comparison to ESLint. Prettier is designed to format documents and that's it, which means it can be a lot simpler than ESLint, at least architecturally, especially as there's relatively little in the way of plugins. So if you just need to format your code quickly in one chunk, Prettier is the way to go. Prettier is already preconfigured, so it's also usually quicker to get started with. ESLint has some default formatting rules IIRC, but relatively minimal ones. To ensure every detail is formatted the same way, you need to put a lot of effort into configuring ESLint, which most people don't really want to do. Related: Conceptually, Prettier formats holistically, which is to say, it takes a whole document and applies its formatting to every single syntax node - generally, this means that you get very close to having exactly one valid output, no matter how the input file is formatted. ESLint, on the other hand, not only requires each formatting rule to be configured individually, but also applies them generally individually, so it's easier to have cases where you can get inconsistent behaviour depending on the original formatting of the file. Answer from MrJohz on reddit.com
Prettier
prettier.io › docs › integrating-with-linters
Integrating with Linters · Prettier
First, we have plugins that let you run Prettier as if it was a linter rule: eslint-plugin-prettier · stylelint-prettier · These plugins were especially useful when Prettier was new. By running Prettier inside your linters, you didn’t have to set up any new infrastructure and you could re-use your editor integrations for the linters.
GitHub
github.com › prettier › eslint-config-prettier
GitHub - prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier. · GitHub
For eslintrc, while the "prettier" config can disable problematic rules in "some-other-config-you-use", it cannot touch "rules"! (That’s how ESLint works – it lets you override configs you extend.) The CLI helper tool reports that "indent" conflicts with Prettier, so you can remove it.
Starred by 5.9K users
Forked by 262 users
Languages JavaScript
Videos
10:22
Prettier & ESLint in Visual Studio Code: The Ultimate Guide - YouTube
21:39
Using ESLint and Prettier in Visual Studio Code - YouTube
08:29
How to setup ESLint and Prettier in Next.js Projects - YouTube
- YouTube
35:03
ESLint with VSCode, Prettier, Husky and React For Beginners - YouTube
07:52
How to Ensure Formatting Consistency with Prettier and ESLint with ...
DEV Community
dev.to › anisriva › setting-up-eslint-and-prettier-for-consistent-code-quality-and-formatting-1ml6
Setting Up ESLint and Prettier for Consistent Code Quality and Formatting - DEV Community
October 3, 2024 - plugin:prettier/recommended: Ensures Prettier rules are enforced and disables conflicting ESLint rules.
LogRocket
blog.logrocket.com › home › using prettier and eslint for javascript formatting
Using Prettier and ESLint for JavaScript formatting - LogRocket Blog
October 22, 2024 - ESLint allows rules to be set as errors or warnings and some errors can be automatically fixed. While ESLint can handle some formatting tasks, Prettier offers several advantages that make it a valuable addition to the development workflow.
npm
npmjs.com › package › eslint-plugin-prettier
eslint-plugin-prettier - npm
Runs Prettier as an ESLint rule and reports differences as individual ESLint issues.
» npm install eslint-plugin-prettier
Published Jan 14, 2026
Version 5.5.5
Author Teddy Katz
GitHub
github.com › prettier › eslint-plugin-prettier
GitHub - prettier/eslint-plugin-prettier: ESLint plugin for Prettier formatting · GitHub
Runs Prettier as an ESLint rule and reports differences as individual ESLint issues.
Starred by 3.6K users
Forked by 212 users
Languages JavaScript
Reddit
reddit.com › r/node › why use prettier if eslint can format?
r/node on Reddit: Why use prettier if ESLint can format?
July 27, 2022 -
I've heard ESLint can format but I haven't found a clear answer why it seems prettier is used instead of the ESLint formatter. Whenever I try to look it up most comments neglect to mention that ESLint can also format so it's not obvious why prettier would be needed at all.
Top answer 1 of 21
106
Because Prettier generally does a better job of formatting than ESLint. This is for three reasons: It's really fast, particularly in comparison to ESLint. Prettier is designed to format documents and that's it, which means it can be a lot simpler than ESLint, at least architecturally, especially as there's relatively little in the way of plugins. So if you just need to format your code quickly in one chunk, Prettier is the way to go. Prettier is already preconfigured, so it's also usually quicker to get started with. ESLint has some default formatting rules IIRC, but relatively minimal ones. To ensure every detail is formatted the same way, you need to put a lot of effort into configuring ESLint, which most people don't really want to do. Related: Conceptually, Prettier formats holistically, which is to say, it takes a whole document and applies its formatting to every single syntax node - generally, this means that you get very close to having exactly one valid output, no matter how the input file is formatted. ESLint, on the other hand, not only requires each formatting rule to be configured individually, but also applies them generally individually, so it's easier to have cases where you can get inconsistent behaviour depending on the original formatting of the file.
2 of 21
11
prettier does a better job, is faster, and can format more than js
Robin Wieruch
robinwieruch.de › prettier-eslint
How to use Prettier with ESLint - Robin Wieruch
February 14, 2022 - ESLint will warn you about an unused import. In contrast to Prettier, ESLint is highly configurable, because it doesn’t come with pre-configured rules. Once you have installed ESLint, you can configure it yourself or use one of several pre-configured ESLint configurations (e.g.
Medium
medium.com › @fabianterh › an-opinionated-guide-to-setting-up-prettier-with-eslint-51809b1b3043
An opinionated guide to setting up Prettier with ESLint | by Fabian Terh | Medium
September 2, 2018 - Install prettier and eslint-plugin-prettier. This is the plugin that is responsible for detecting differences between your code’s formatting and Prettier’s rules.
npm
npmjs.com › package › eslint-config-prettier
eslint-config-prettier - npm
For eslintrc, while the "prettier" config can disable problematic rules in "some-other-config-you-use", it cannot touch "rules"! (That’s how ESLint works – it lets you override configs you extend.) The CLI helper tool reports that "indent" conflicts with Prettier, so you can remove it.
» npm install eslint-config-prettier
Published Jul 18, 2025
Version 10.1.8
Author Simon Lydell
Better Stack
betterstack.com › community › guides › scaling-nodejs › prettier-vs-eslint
Prettier vs ESLint: Choosing the Right Tool for Code Quality | Better Stack Community
This configuration shows ESLint's flexibility—you can specify environments, extend popular configurations, include plugins for frameworks like React, and customize individual rules with different error levels. Running ESLint involves checking files and optionally fixing issues: ... The difference in setup complexity reveals the tools' different priorities: Prettier focuses on doing one thing with minimal configuration, while ESLint provides extensive customization for comprehensive code quality enforcement.
Medium
tianyaschool.medium.com › prettier-and-eslint-automating-code-style-and-quality-49cca1e2433c
Prettier and ESLint: Automating Code Style and Quality | by Kevin | Medium
May 9, 2025 - Prettier and ESLint are complementary tools that together ensure code style consistency and quality. Prettier handles code formatting, while ESLint performs more complex static analysis and rule checking.
Josh Finnie
joshfinnie.com › blog › adding-eslint-and-prettier-to-my-blog
Adding ESLint & Prettier to My Blog | www.joshfinnie.com
December 2, 2024 - Prettier is an opinionated code formatter that ensures consistent code style. It automatically enforces formatting rules like indentation, line breaks, and quote usage, eliminating the need for manual formatting.
Expo Documentation
docs.expo.dev › integrations › tools › using eslint and prettier
Using ESLint and Prettier - Expo Documentation
2 weeks ago - To integrate Prettier with ESlint, update your .eslintrc.js: ... module.exports = { extends: ['expo', 'prettier'], ignorePatterns: ['/dist/*'], plugins: ['prettier'], rules: { 'prettier/prettier': 'error', }, };
Top answer 1 of 5
17
To solve conflict
install eslint configuration for prettier
npm install eslint-config-prettier
And include it in the extends option in the file .eslintrc.js
extends: [
...,
"prettier",
],
2 of 5
8
This is potentially because of conflicting rules between ESLint and Prettier plugins. Now you have two options
- Either let ESLint know that you want to use Prettier as a formatter.
https://dev.to/s2engineers/how-to-make-eslint-work-with-prettier-avoiding-conflicts-and-problems-57pi
2.You can configure ESlint and Prettier together and resolve the conflicting rules without any conflicts. https://blog.theodo.com/2019/08/empower-your-dev-environment-with-eslint-prettier-and-editorconfig-with-no-conflicts/
Ben Ilegbodu
benmvp.com › blog › prettier-eslint
Prettier + ESLint = ❤️ | Ben Ilegbodu
By default, we run prettier --write by itself and it formats our code. But if you also have ESLint (a JavaScript linter) in your tool chain, things can get tricky. ESLint already has some style rules, so when we run eslint --fix, it auto-formats our code as well.
Top answer 1 of 4
227
Instead of disabling linting for the file, you can instead disable prettier within the eslintrc.js config file:
module.exports = {
root: true,
extends: '@react-native-community',
rules: {
'prettier/prettier': 0,
},
};
2 of 4
3
To get rid of conflicting rules when using both - prettier and eslint there is a eslint-config-prettier package.
Run npm install --save-dev eslint-config-prettier to install and then in eslintrc.js (or wherever you have the eslint rules defined) add:
{
"extends": [
...,
"@react-native-community",
"prettier"
]
}
Now eslint should respect prettier rules. Here is a link to GH repo.
ANGULARarchitects
angulararchitects.io › home › blog › ng best practices: prettier & eslint
NG Best Practices: Prettier & ESLint - ANGULARarchitects
August 9, 2025 - Prettier is a code formatter that ensures consistent code formatting across all developers. ESLint is a code linter that enforces coding standards and best practices.
GitHub
github.com › prettier › prettier-eslint
GitHub - prettier/prettier-eslint: Code `prettier` `eslint --fix` Formatted Code :sparkles: · GitHub
If not provided, prettier-eslint will attempt to create the options based on the eslintConfig (whether that's provided or derived via filePath). You can also provide some of the options and have the remaining options derived via your eslint config. This is useful for options like parser. NOTE: these options override the eslint config. If you want the fallback options to be used only in the case that the rule ...
Starred by 4.1K users
Forked by 175 users
Languages TypeScript 92.9% | JavaScript 7.1%
Medium
medium.com › @shawnxu0208 › how-to-use-eslint-and-prettier-together-3b66318e5cc9
How to use Eslint and Prettier together in projects like next and react | Medium
February 23, 2024 - Eslint and Prettier serve different purposes in code development. Eslint focuses on enforcing code quality rules, such as identifying bugs and enforcing best practices.