ESLint聽vs聽SonarLint

Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

ESLint
ESLint

3.8K
2.5K
+ 1
11
SonarLint
SonarLint

14
4
+ 1
0
Add tool

ESLint vs SonarLint: What are the differences?

ESLint: The fully pluggable JavaScript code quality tool. A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease; SonarLint: An IDE extension to detect and fix issues as you write code. It is an IDE extension that helps you detect and fix quality issues as you write code Like a spell checker, it squiggles flaws so that they can be fixed before committing code..

ESLint and SonarLint can be categorized as "Code Review" tools.

ESLint is an open source tool with 14.6K GitHub stars and 2.5K GitHub forks. Here's a link to ESLint's open source repository on GitHub.

- No public GitHub repository available -

What is ESLint?

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

What is SonarLint?

It is an IDE extension that helps you detect and fix quality issues as you write code. Like a spell checker, it squiggles flaws so that they can be fixed before committing code.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose ESLint?
Why do developers choose SonarLint?
    Be the first to leave a pro

    Sign up to add, upvote and see more prosMake informed product decisions

      Be the first to leave a con
        Be the first to leave a con
        Jobs that mention ESLint and SonarLint as a desired skillset
        What companies use ESLint?
        What companies use SonarLint?

        Sign up to get full access to all the companiesMake informed product decisions

        What tools integrate with ESLint?
        What tools integrate with SonarLint?

        Sign up to get full access to all the tool integrationsMake informed product decisions

        What are some alternatives to ESLint and SonarLint?
        TSLint
        An extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors. It is widely supported across modern editors & build systems and can be customized with your own lint rules, configurations, and formatters.
        Prettier
        Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
        JSLint
        It is a static code analysis tool used in software development for checking if JavaScript source code complies with coding rules. It is provided primarily as a browser-based web application accessible through their domain, but there are also command-line adaptations.
        JSHint
        It is a community-driven tool to detect errors and potential problems in JavaScript code. It is open source and can easily adjust in the environment you expect your code to execute.
        SonarQube
        SonarQube provides an overview of the overall health of your source code and even more importantly, it highlights issues found on new code. With a Quality Gate set on your project, you will simply fix the Leak and start mechanically improving.
        See all alternatives
        Decisions about ESLint and SonarLint
        Russel Werner
        Russel Werner
        Lead Engineer at StackShare | 7 upvotes 40.4K views
        atStackShareStackShare
        Visual Studio Code
        Visual Studio Code
        WebStorm
        WebStorm
        ESLint
        ESLint
        Prettier
        Prettier

        We use Prettier because when we rebooted our front-end stack, I decided that it would be an efficient use of our time to not worry about code formatting issues and personal preferences during peer review. Prettier eliminates this concern by auto-formatting our code to a deterministic output. We use it along with ESLint and have 1st-class support in our WebStorm and Visual Studio Code editors.

        See more
        Johnny Bell
        Johnny Bell
        Senior Software Engineer at StackShare | 17 upvotes 108.6K views
        ESLint
        ESLint
        Prettier
        Prettier
        Babel
        Babel
        npm
        npm
        Yarn
        Yarn
        Node.js
        Node.js
        Webpack
        Webpack
        #ES6
        #ES5

        So when starting a new project you generally have your go to tools to get your site up and running locally, and some scripts to build out a production version of your site. Create React App is great for that, however for my projects I feel as though there is to much bloat in Create React App and if I use it, then I'm tied to React, which I love but if I want to switch it up to Vue or something I want that flexibility.

        So to start everything up and running I clone my personal Webpack boilerplate - This is still in Webpack 3, and does need some updating but gets the job done for now. So given the name of the repo you may have guessed that yes I am using Webpack as my bundler I use Webpack because it is so powerful, and even though it has a steep learning curve once you get it, its amazing.

        The next thing I do is make sure my machine has Node.js configured and the right version installed then run Yarn. I decided to use Yarn because when I was building out this project npm had some shortcomings such as no .lock file. I could probably move from Yarn to npm but I don't really see any point really.

        I use Babel to transpile all of my #ES6 to #ES5 so the browser can read it, I love Babel and to be honest haven't looked up any other transpilers because Babel is amazing.

        Finally when developing I have Prettier setup to make sure all my code is clean and uniform across all my JS files, and ESLint to make sure I catch any errors or code that could be optimized.

        I'm really happy with this stack for my local env setup, and I'll probably stick with it for a while.

        See more
        Francisco Quintero
        Francisco Quintero
        Tech Lead at Dev As Pros | 7 upvotes 53.7K views
        atDev As ProsDev As Pros
        Twist
        Twist
        Slack
        Slack
        ESLint
        ESLint
        JavaScript
        JavaScript
        RuboCop
        RuboCop
        Heroku
        Heroku
        Amazon EC2
        Amazon EC2
        Rails
        Rails
        Node.js
        Node.js

        For many(if not all) small and medium size business time and cost matter a lot.

        That's why languages, frameworks, tools, and services that are easy to use and provide 0 to productive in less time, it's best.

        Maybe Node.js frameworks might provide better features compared to Rails but in terms of MVPs, for us Rails is the leading alternative.

        Amazon EC2 might be cheaper and more customizable than Heroku but in the initial terms of a project, you need to complete configurationos and deploy early.

        Advanced configurations can be done down the road, when the project is running and making money, not before.

        But moving fast isn't the only thing we care about. We also take the job to leave a good codebase from the beginning and because of that we try to follow, as much as we can, style guides in Ruby with RuboCop and in JavaScript with ESLint and StandardJS.

        Finally, comunication and keeping a good history of conversations, decisions, and discussions is important so we use a mix of Slack and Twist

        See more
        Buzz Zhang
        Buzz Zhang
        CTO at Qiban | 7 upvotes 9.5K views
        at浼佸姙浼佸姙
        Prettier
        Prettier
        ESLint
        ESLint
        Visual Studio Code
        Visual Studio Code

        I use Visual Studio Code because plugins. For choosing IDE, the most important part is not IDE itself, but plugins. Some may argues that Visual Studio Code is not IDE, but I like to call it IDE, any text editor can do debug is IDE. Visual Studio Code can do it, and can use ESLint and Prettier , so it's IDE.

        See more
        Forrest Norvell
        Forrest Norvell
        engineering manager at self-employed | 6 upvotes 19K views
        Visual Studio Code
        Visual Studio Code
        Flow (JS)
        Flow (JS)
        ESLint
        ESLint
        TSLint
        TSLint
        TypeScript
        TypeScript

        I use TypeScript because the tooling is more mature (the decision to discontinue TSLint in favor of moving all its checks to ESLint is a thoughtful and mature decision), there's a ton of examples and tutorials for it, and it just generally seems to be where the industry is headed. Flow (JS) is a fine tool, but it just hasn't seen the uptake that TS has, and as a result is lacking a lot of the nicer small things, like thorough Visual Studio Code integration, offered by TS.

        See more
        Gustavo Mu帽oz
        Gustavo Mu帽oz
        Web UI Developer at Globant | 4 upvotes 2.6K views
        Sass
        Sass
        Prettier
        Prettier
        ESLint
        ESLint
        #Airbnb

        I decided to use ESLint over other tools like Prettier because I think it's better to show your fails than fix them without knowing what you are doing. It's a better way to learn. I know it's slower, but you are fully conscious of your work. I also use Sass linters for the same reason. I recommend Prettier when you are already a senior developer, but try to use linters instead when you start coding. It will help you to improve a lot. I recommend you #Airbnb rules set. Strict, but well written. Very useful even for accesibility.

        See more
        Interest over time
        Reviews of ESLint and SonarLint
        No reviews found
        How developers use ESLint and SonarLint
        Avatar of Volkan 脰z莽elik
        Volkan 脰z莽elik uses ESLintESLint

        JavaScript is a language that works wonders when there are tools like ESLint, Prettier, and FlowType that cover your back.

        I use my IDE鈥檚 (Visual Studio Code) ESLint integration to validate the code I write in realtime.

        Avatar of Jack Littleton
        Jack Littleton uses ESLintESLint

        I use ESLint to ensure my JavaScript code meets my team's coding standards, and to avoid known pitfalls. The extensibility allows me to write specialized modules that detect team-specific issues as they occur.

        Avatar of Promethean TV
        Promethean TV uses ESLintESLint

        ESLint is used in the build process for the Promethean TV Broadcast Center Tool.

        Avatar of Thibault Maekelbergh
        Thibault Maekelbergh uses ESLintESLint

        Enforce code-style and non error-prone code for maintaining the module

        Avatar of Ataccama
        Ataccama uses ESLintESLint

        A must-have tool to catch bugs and enforce a consistent code style.

        How much does ESLint cost?
        How much does SonarLint cost?
        Pricing unavailable
        Pricing unavailable
        News about SonarLint
        More news