ESLint explained
ESLint is a static code analysis tool for identifying problematic patterns found in JavaScript code. It was created by Nicholas C. Zakas in 2013.[1] [2] Rules in ESLint are configurable, and customized rules can be defined and loaded. ESLint covers both code quality and coding style issues. ESLint supports current standards of ECMAScript, and experimental syntax from drafts for future standards. Code using JSX or TypeScript can also be processed when a plugin or transpiler is used.[3] [4]
History
Both JSLint and JSHint were lacking the ability to create additional rules for code quality and coding style. After contributing to JSHint, Zakas decided to create a new linting tool in June 2013, ESLint (originally called JSCheck, but renamed a month later), where all rules are configurable, and additional rules can be defined or loaded at run-time.[5] [6]
In April 2016, the ESLint project joined the jQuery Foundation.[7] Later that year, jQuery Foundation merged with Dojo Foundation to become JS Foundation as a Linux Foundation project.[8] [9] [10]
In October 2017, the ESLint project became a "Graduate Project" of the JS Foundation through its mentorship program.[11]
As of March 2019, ESLint is part of the OpenJS Foundation, following a merge between the JS Foundation and Node.js Foundation.[12] [13]
Adoption
JetBrains provides integrated support for ESLint in their WebStorm code editor, which runs the ESLint software as configured for the current text file, and displays any warnings near the offending lines of code in the editor.[14] [15] [16]
Since 2016, the Vue.js project provides an ESLint plugin to automatically validate use of Vue.js templates and other features.[17] [18] [19] Since 2018, this plugin is also promoted in the wizard for creating new Vue.js projects.[20]
In October 2018, the React project (developed by Facebook) published an official ESLint plugin to help enforce their coding rules.[21] [22]
As of 2021, ESLint is the most commonly used JavaScript linter and is being downloaded over 14,000,000 times per week.[23]
References
- Web site: First commit - eslint/eslint. GitHub. en. 2019-07-05.
- Web site: Introducing ESLint. Zakas. Nicholas C.. 16 July 2013. nczonline.net. en-US. 2018-02-26. JSLint was the state of the art in JavaScript linting technology.
- Web site: The future of TypeScript on ESLint. ESLint - Pluggable JavaScript linter. en. 2020-04-24.
- Web site: Accessibility auditing with eslint-plugin-jsx-a11y. 2019-04-29. web.dev. Google Developers. en. 2020-04-24. The [ELint plugin] can help pinpoint [issues] in your JSX..
- News: Understanding the Real Advantages of Using ESLint. 2015-03-26. Rangle.io Blog. 2018-02-26. 2019-02-09. https://web.archive.org/web/20190209232042/https://blog.rangle.io/understanding-the-real-advantages-of-using-eslint/. dead.
- Web site: 4 July 2013. Rename project to ESLint · eslint/eslint@4f4c351. 2020-06-26. GitHub. en.
- Web site: ESLint Joins The jQuery Foundation. Zakas. Nicholas. 19 April 2016. eslint.org. en. 2019-07-05.
- Web site: jQuery Foundation and Dojo Foundation to Merge. 1 September 2015. Official jQuery Blog. en-US. 2018-07-02.
- News: jQuery Foundation and Dojo Foundation to Merge. 1 July 2015. PRWeb. 2018-07-02.
- News: Announcing the JS Foundation!. 2016-10-17. SitePen. 2018-07-02. en-US.
- News: ESLint Graduates from JS Foundation Mentorship Program. 2017-10-05. JS Foundation Blog. 2019-07-05. en-US.
- News: Node.js and JS foundations are merging to form OpenJS. Singh. Manish. 2019-03-12. VentureBeat. 2019-03-21.
- News: The Node.js Foundation and JS Foundation Announce an Intent to Merge. 2018-10-04. JS Foundation Blog. 2019-07-05. en-US. How will this impact the technical direction of … ESLint This will not change the technical independence for projects like ESLint..
- Web site: WebStorm Linting, refactoring and compiling. 30 December 2015. WebStorm Blog. JetBrains. en-US. 2019-07-05.
- Web site: Using JavaScript Standard Style. 7 April 2017. WebStorm Blog. JetBrains. en-US. 2019-07-05.
- Web site: ESLint - WebStorm Manual. JetBrains. 2019-07-05.
- Web site: Writing Vue.js Applications in TypeScript. Telstra Kloud. 2019-07-05.
- Web site: Lesson: Automatic Linting with ESLint - The Vue.js Master Class. Vue School. en. 2019-07-05.
- Web site: Introduction eslint-plugin-vue. eslint.vuejs.org. 2019-07-05.
- Web site: The Vue Handbook: a thorough introduction to Vue.js. 2018-07-05. Developer News. en. 2019-07-05. Use the interactive CLI to create a new Vue project [..] By default, there is [..] ESLint integration.
- Web site: ESLint Plugin – Rules of Hooks – React Manual. reactjs.org. en. 2019-07-05.
- Web site: Implement the Hooks proposal · facebook/react. Markbåge. Sebastian. 25 October 2018. GitHub. en. 2019-07-05.
- Web site: jslint vs jshint vs eslint vs tslint vs @typescript eslint/eslint plugin. 2021-01-26. www.npmtrends.com. en.