Software Alternatives & Reviews

Prettier VS ESLint

Compare Prettier VS ESLint and see what are their differences


An opinionated code formatter

The fully pluggable JavaScript code quality tool
Prettier Landing Page
Prettier Landing Page
ESLint Landing Page
ESLint Landing Page

Prettier details

Categories
Code Coverage Code Analysis Software Development
Website prettier.io  

ESLint details

Categories
Code Coverage Code Analysis Code Quality
Website eslint.org  

Prettier videos

Code Formatting with Prettier in Visual Studio Code

More videos:

  • - ESLint + Prettier + VS Code — The Perfect Setup
  • - Miranda Lambert -- Only Prettier [REVIEW/RATING]

ESLint videos

ESLint Quickstart - find errors automatically

More videos:

  • - ESLint + Prettier + VS Code — The Perfect Setup
  • - Linting and Formatting JavaScript with ESLint in Visual Studio Code

Category Popularity

0-100% (relative to Prettier and ESLint)
50
50%
50%
50
41
41%
59%
59
71
71%
29%
29
100
100%
0%
0

Social recommendations and mentions

Prettier might be a bit more popular than ESLint. We know about 51 links to it since March 2021 and only 40 links to ESLint. We are tracking product recommendations and mentions on Reddit, HackerNews and some other platforms. They can help you identify which product is more popular and what people think of it.

Prettier mentions (51)

  • Setup ESLINT and PRETTIER in React app
    Prettier is an opinionated code formatter which is compatible with most of the languages. It saves a lot of time. It quickly indents our code on save (depends on VSCode/editor settings). - Source: dev.to / about 18 hours ago
  • It's too peaceful here, let's start a flame war
    Depends a bit on your stack, but when working with js/ts, prettier is the go-to formatter (black for python), and husky is the go-to pre-commit hook tool. I'm fairly confident all major IDEs will have support for format on save. If your IDE doesn't, maybe google it and see if another IDE with support for it exists. Ususally, there will at least be a plugin/extension for it. In the case it doesn't exist - really,... - Source: Reddit / 4 days ago
  • Prettier, ESLint and Typescript
    The first tool I want to explore is Prettier. I would leave it to you to read more about what it is but, in short, it is a code formatter. What does it mean? It means that it will keep your codebase consistent (in terms of coding style). Do you use ;? If yes, it will ensure that all your files have it, for example. I like it for two reasons: we barely have to discuss code formatting and it is easy to onboard new... - Source: dev.to / 6 days ago
  • Collaborating via Github
    It took me some time to go through Hung's code and to clearly understand all the logic behind it. Since the beginning of my studies at Seneca, I have done a lot of code writing but very little code reading. Everyone has a different coding style so I understand why big projects tend to use clear guidelines when it comes to code formatting (for example using Prettier). - Source: dev.to / 9 days ago
  • JSLint Error: Expected one space between ',' and 'playerOptions'
    It looks like you're using a very opinionated code style linter that doesn't just autofix your code for you. I would advise you to use prettier as it will automatically format your code in a consistent style, and eslint for linting other code quality issues as it is by far the most popular linter for JS today. However these are very subjective opinions and I'm sure some will disagree with me. - Source: Reddit / 11 days ago
View all

ESLint mentions (40)

  • Setup ESLINT and PRETTIER in React app
    ESLint statically analyses our code and find the problems. It is present in most of the editors.ESLint fixes are syntax-aware so you won't experience errors introduced by traditional find-and-replace algorithms. - Source: dev.to / about 18 hours ago
  • How to setup your react applications
    As Create React App getting started template already comes bundled with eslint I tend to leave the linting to it, and only add custom configurations if required to the eslint config file, or else we are good to go. - Source: dev.to / about 1 month ago
  • React Tailwind TypeScript Starter Template Free and Open Source
    ✏️ Linter with ESLint (default NextJS, NextJS Core Web Vitals and Airbnb configuration). - Source: dev.to / 4 days ago
  • Great VSCode extensions for JS Developers
    This extension use the ESLint library to lint your code. It's also the most used linter. - Source: dev.to / 5 days ago
  • Why do React need to be in scope for JSX ?
    Yes, but it's not from React ! As we said before, most of the time, the projects use a linting tool such as Eslint, and some specific set of rules as been created for React. One of them enforce you to import React if it detect any JSX within the file. - Source: dev.to / 5 days ago
View more

What are some alternatives?

When comparing Prettier and ESLint, you can also consider the following products

Kite - Kite helps you write code faster by bringing the web's programming knowledge into your editor.

SonarQube - SonarQube is code review and management software. The software is developed by SonarSource, which was founded in 2008 by Freddy Mallet, Simon Brandhof and Olivier Gaudin. Read more about SonarQube.

CodeClimate - Code Climate provides automated code review for your apps, letting you fix quality and security issues before they hit production. We check every commit, branch and pull request for changes in quality and potential vulnerabilities.

Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.

Codacy - Automatically reviews code style, security, duplication, complexity, and coverage on every change while tracking code quality throughout your sprints.

TabNine - TabNine is the all-language autocompleter. We use deep learning to help you write code faster.

User reviews

Share your experience with using Prettier and ESLint. For example, how are they different and which one is better?

Post a review