ESLint

ESLint
Original author(s)Nicholas C. Zakas
Developer(s)Nicholas C. Zakas
Initial releaseJune 30, 2013; 11 years ago (2013-06-30)
Stable release
9.17.0[1] Edit this on Wikidata / 13 December 2024; 15 days ago (13 December 2024)
Repository
Written inJavaScript
Operating systemCross-platform
Available inEnglish
TypeStatic code analysis
LicenseMIT License
Websiteeslint.org

ESLint is a static code analysis tool for identifying problematic patterns found in JavaScript code. It was created by Nicholas C. Zakas in 2013.[2][3] 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.[4][5]

History

Both JSLint and JSHint were lacking the ability to create additional rules for code quality and coding style.[3] 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.[6][7]

In April 2016, the ESLint project joined the jQuery Foundation.[8] Later that year, jQuery Foundation merged with Dojo Foundation to become JS Foundation as a Linux Foundation project.[9][10][11]

In October 2017, the ESLint project became a "Graduate Project" of the JS Foundation through its mentorship program.[12]

As of March 2019, ESLint is part of the OpenJS Foundation, following a merge between the JS Foundation and Node.js Foundation.[13][14]

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.[15][16][17]

Since 2016, the Vue.js project provides an ESLint plugin to automatically validate use of Vue.js templates and other features.[18][19][20] Since 2018, this plugin is also promoted in the wizard for creating new Vue.js projects.[21]

In October 2018, the React project (developed by Facebook) published an official ESLint plugin to help enforce their coding rules.[22][23]

As of 2021, ESLint is the most commonly used JavaScript linter and is being downloaded over 14,000,000 times per week.[24]

References

  1. ^ "Release 9.17.0". 13 December 2024. Retrieved 23 December 2024.
  2. ^ "First commit - eslint/eslint". GitHub. Retrieved 2019-07-05.
  3. ^ a b Zakas, Nicholas C. (16 July 2013). "Introducing ESLint". nczonline.net. Retrieved 2018-02-26. JSLint was the state of the art in JavaScript linting technology
  4. ^ "The future of TypeScript on ESLint". ESLint - Pluggable JavaScript linter. Retrieved 2020-04-24.
  5. ^ "Accessibility auditing with eslint-plugin-jsx-a11y". web.dev. Google Developers. 2019-04-29. Retrieved 2020-04-24. The [ELint plugin] can help pinpoint [issues] in your JSX.
  6. ^ "Understanding the Real Advantages of Using ESLint". Rangle.io Blog. 2015-03-26. Archived from the original on 2019-02-09. Retrieved 2018-02-26.
  7. ^ "Rename project to ESLint · eslint/eslint@4f4c351". GitHub. 4 July 2013. Retrieved 2020-06-26.
  8. ^ Zakas, Nicholas (19 April 2016). "ESLint Joins The jQuery Foundation". eslint.org. Retrieved 2019-07-05.
  9. ^ "jQuery Foundation and Dojo Foundation to Merge". Official jQuery Blog. 1 September 2015. Retrieved 2018-07-02.
  10. ^ "jQuery Foundation and Dojo Foundation to Merge". PRWeb. 1 July 2015. Retrieved 2018-07-02.
  11. ^ "Announcing the JS Foundation!". SitePen. 2016-10-17. Retrieved 2018-07-02.
  12. ^ "ESLint Graduates from JS Foundation Mentorship Program". JS Foundation Blog. 2017-10-05. Retrieved 2019-07-05.
  13. ^ Singh, Manish (2019-03-12). "Node.js and JS foundations are merging to form OpenJS". VentureBeat. Retrieved 2019-03-21.
  14. ^ "The Node.js Foundation and JS Foundation Announce an Intent to Merge". JS Foundation Blog. 2018-10-04. Retrieved 2019-07-05. How will this impact the technical direction of … ESLint This will not change the technical independence for projects like ESLint.
  15. ^ "WebStorm Linting, refactoring and compiling". WebStorm Blog. JetBrains. 30 December 2015. Retrieved 2019-07-05.
  16. ^ "Using JavaScript Standard Style". WebStorm Blog. JetBrains. 7 April 2017. Retrieved 2019-07-05.
  17. ^ "ESLint - WebStorm Manual". JetBrains. Retrieved 2019-07-05.
  18. ^ "Writing Vue.js Applications in TypeScript". Telstra Kloud. Retrieved 2019-07-05.
  19. ^ "Lesson: Automatic Linting with ESLint - The Vue.js Master Class". Vue School. Retrieved 2019-07-05.
  20. ^ "Introduction | eslint-plugin-vue". eslint.vuejs.org. Retrieved 2019-07-05.
  21. ^ "The Vue Handbook: a thorough introduction to Vue.js". Developer News. 2018-07-05. Retrieved 2019-07-05. Use the interactive CLI to create a new Vue project [..] By default, there is [..] ESLint integration
  22. ^ "ESLint Plugin – Rules of Hooks – React Manual". reactjs.org. Retrieved 2019-07-05.
  23. ^ Markbåge, Sebastian (25 October 2018). "Implement the Hooks proposal · facebook/react". GitHub. Retrieved 2019-07-05.
  24. ^ "jslint vs jshint vs eslint vs tslint vs @typescript eslint/eslint plugin". www.npmtrends.com. Retrieved 2021-01-26.